下拉列表会自动复制所选的第一个下拉列表

Question

所以我有两个下拉菜单，我的问题是第二个下拉列表会自动选择第一个下拉菜单的javascript函数是什么？

这是我的代码

＆＃13;

＆＃13;

<select  name="b"  maxlength=2 style="width:70px; height:30px;" autocomplete="off" required/>
	<option>NMG</option>
  <option>PRI</option>
	<option>FMNIC</option>
	</select>

<select  name="b"  maxlength=2 style="width:70px; height:30px;" autocomplete="off" required/>
	<option>NMG</option>
  <option>PRI</option>
	<option>FMNIC</option>
	</select>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以使用onchange，

<select  name="b"  maxlength=2 style="width:70px; height:30px;" autocomplete="off" required onChange="setData(this);"/>
<option>NMG</option>
<option>PRI</option>
<option>FMNIC</option>
</select>

<select  name="b" Id="second"  maxlength=2 style="width:70px; height:30px;" autocomplete="off" required/>
<option>NMG</option>
<option>PRI</option>
<option>FMNIC</option>
</select>

<强>的Javascript ：

function setData(ctl)
{
   document.getElementById("second").value = ctl.value;
}

Answer 2

jQuery让这很简单...

$(function() {
    // Bind the onchange event of the 1st select.
    $('select').eq(0).change(SelectionChanged);
});

function SelectionChanged() {
    var selectedValue = $('select').eq(0).val();
    $('select').eq(1).val( selectedValue  );
}