javascript - 如何使用jQuery在选择框上设置第一个选项？(How to set the first option on a select box using jQuery?)

Question

I have two HTML select boxes.(我有两个HTML select框。)

I need to reset one select box when I make a selection in another.(当我在另一个选区中进行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>

When I select an option of the first select (ie id="name" ), I need to reset the second select to select all ;(当我选择第一选项select （即， id="name" ），I需要重置所述第二select来select all ;)

similarly, when I select an option of the second select (ie id="name2" ), I need to reset the first select to select all .(类似地，当我选择第二的一个选项select （即， id="name2" ），我需要复位第一select来select all 。)

How can I do that?(我怎样才能做到这一点？)

  ask by Anish translate from so

Answer 1

Something like this should do the trick: https://jsfiddle.net/TmJCE/898/(像这样的东西应该做的伎俩： https ： //jsfiddle.net/TmJCE/898/)

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


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