当前位置: 代码迷 >> JavaScript >> 如何更改纯 js 中单击按钮的选定属性?
  详细解决方案

如何更改纯 js 中单击按钮的选定属性?

热度:85   发布时间:2023-06-05 09:34:45.0

这是我的第一篇文章,所以请耐心等待:)

HTML:

<input type="button" class="btn-value1" value="Value1">
<input type="button" class="btn-value2" value="Value2">
<input type="button" class="btn-value3" value="Value3">

<select id="testSelect>
    <option id="id0" value="value0" selected>None</option> 
    <option id="id1" value="value1">Value1</option>
    <option id="id2" value="value2">Value2</option>
    <option id="id3" value="value3">Value3</option>      
</select>

现在我想以专业的方式单击按钮时更改所选状态。 我怎样才能用 JavaScript 做到这一点?

多比优势! 奇克

尝试这个

 function a(e) { var a=e.split('-')[1]; document.querySelector('select').value=a; }
 <input type="button" class="btn-value1" value="Value1" onclick="a(this.className)"> <input type="button" class="btn-value2" value="Value2" onclick="a(this.className)"> <input type="button" class="btn-value3" value="Value3" onclick="a(this.className)"> <select id="testSelect"> <option id="id0" value="value0" selected>None</option> <option id="id1" value="value1">Value1</option> <option id="id2" value="value2">Value2</option> <option id="id3" value="value3">Value3</option> </select>

  相关解决方案