onchange选择框

Question

假设我们有两个不同的选择框,具有相同数量的选项:

<select id="box1">
<option value="1" >1</option>
<option value="2" >2</option>
</select>

<select id="box2">
<option value="3" >3</option>
<option value="4" >4</option>
</select>

当我们选择第一个框来自动选择第二个框中的相同选项号时,是否可以？如果可能的话没有jQuery.

更新:2盒的值是不同的!当我们选择box1的第一个值时,框2的值将自动为3!等等...

Answer 1

是.将onChange属性添加到第一个选择,然后使用它来调用您在其他地方编写的javascript函数.

<select id="box1" onChange="changeBox2(this.selectedIndex);">
<option value="1" >1</option>
<option value="2" >2</option>
</select>

<select id="box2">
<option value="1" >1</option>
<option value="2" >2</option>
</select>

W3学校JavaScript活动

有关在JS中访问SELECT属性的示例