синхронизация <select> от <option> расположения

Question

можно выбрать только следующее завершение синхронизации по OnChange события, как «mySelect» синхронизация «mySelect1», «mySelect1» синхронизация «mySelect2», «mySelect2» синхронизация «mySelect3»

<form> 
 

 
<select name="mySelect" id="mySelect" onchange="mySelect1.options[selectedIndex].selected=true"> 
 
<option value="qww">qww</option> 
 
<option value="12">12</option> 
 
<option value="12w">12w</option> 
 
<option value="wq">wq</option> 
 
</select> 
 
<select name="mSelect1" id="mySelect1" onchange="mySelect2.options[selectedIndex].selected=true" > 
 
<option value="1s">1s</option> 
 
<option value="22s">22s</option> 
 
<option value="wz">wz</option> 
 
<option value="wzz">wzz</option> 
 
</select> 
 
<select name="mSelect2" id="mySelect2" onchange="mySelect3.options[selectedIndex].selected=true"> 
 
<option value="Apple">Apple</option> 
 
<option value="dddw">dddw</option> 
 
<option value="xc">xc</option> 
 
<option value="zz">zz</option> 
 

 
</select> 
 
<select name="mSelect3" id="mySelect3" > 
 
<option value="ddd">ddd</option> 
 
<option value="ddxw">ddxw</option> 
 
<option value="xxc">xxc</option> 
 
<option value="zxz">zxz</option> 
 

 
</select> 
 
</form>

, но я думаю, что, выбирая первый выбор, так что значение всего выбрать ту же позицию за все шоу. Вы можете сделать это?

так же, как этот, когда я выбрал «mySelect» «12», затем «mySelect1» из «22s», «mySelect2» из «dddw», «mySelect3», выбранный одновременно «ddxw», то же положение

Answer 1

код с верхней части моей головы, должен делать эту работу, хотя

$("select").change(function() { 
    var targetIndex=$(this).prop("selectedIndex") 
    $("select").each(function() { 
     $(this).val($(this).find("option:eq("+targetIndex+")").val()); 
    }); 
}); 

Пример

http://jsfiddle.net/uvmt0wos/