javascript - 如何使用 jQuery 在选择框上设置第一个选项？

Question

我有两个 HTML select 框。当我在另一个中进行选择时，我需要重置一个 select 框。

<select id="name" >
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

<select id="name2" >
    <option value="">select all</option>
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

当我选择第一个 select 的选项时(即 id="name")，我需要将第二个 select 重置为全选;同样，当我选择第二个 select 的选项时(即 id="name2")，我需要将第一个 select 重置为 全选。

我该怎么做？

Answer 1

像这样的东西应该可以解决问题:https://jsfiddle.net/TmJCE/898/

$('#name2').change(function(){
    $('#name').prop('selectedIndex',0);
});


$('#name').change(function(){
    $('#name2').prop('selectedIndex',0);
});