问题描述
这是我的第一篇文章,所以请耐心等待:)
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 做到这一点?
多比优势! 奇克
1楼
ellipsis
0
2019-02-21 11:54:52
尝试这个
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>