Question

我只能通过onchange事件选择下一个同步完成，例如＆＃34; mySelect＆＃34;同步＆＃34; mySelect1＆＃34; ，＆＃34; mySelect1＆＃34;同步＆＃34; mySelect2＆＃34; ，＆＃34; mySelect2＆＃34;同步＆＃34; mySelect3＆＃34;

＆＃13;

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

＆＃13;

但我认为通过选择第一个选择，以便所有选择相同位置的所有显示背后的值。你能做到吗？

就像这样，当我选择＆＃34; mySelect＆＃34; ＆＃34; 12＆＃34;然后＆＃34; mySelect1＆＃34; ＆＃34; 22s＆＃34;，＆＃34; mySelect2＆＃34; ＆＃34; dddw＆＃34;，＆＃34; mySelect3＆＃34; ＆＃34; ddxw＆＃34;同时选择，因为是相同的位置

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/

通过<option> location </option> </select>同步<select>

1 个答案: