select İki HTML kutuları var. Başka bir seçim yaptığımda bir select kutu sıfırlamam gerekiyor.

<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>

Ben bir seçenek belirleyin ilk select (yani id="name"), ihtiyacım var Sıfırla ikinci select select all; benzer şekilde, ne zaman ı seçin bir seçenek ikinci select (yani id="name2"), ihtiyacım var Sıfırla ilk select select all.

Bunu nasıl yapabilirim?

Bu hile yapmak gerekir gibi bir şey: http://jsfiddle.net/TmJCE/10/

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


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