Javascript 将所选选项从一个下拉列表复制到另一个下拉列表
我有两个下拉列表,让用户选择具有相同代码的月份:Javascript 将所选选项从一个下拉列表复制到另一个下拉列表,javascript,copy,Javascript,Copy,我有两个下拉列表,让用户选择具有相同代码的月份: <select id="Month1" name="Month1" > <option>Month</option> <option>January</option> so on ... </select> <select id="Month2" name="Month2" > <o
<select id="Month1" name="Month1" >
<option>Month</option>
<option>January</option>
so on ...
</select>
<select id="Month2" name="Month2" >
<option>Month</option>
<option>January</option>
so on ...
</select>
月
一月
等等。。。
月
一月
等等。。。
第一个列表id为“Month1”,第二个列表id为“Month2”
我想要的是:当用户从第一个列表(onclick)中选择一个月时,第二个列表将自动选择相同的月份。换句话说,第一个列表onclick操作将发送选定的月份,该月份也将在第二个列表中选择。给您:
<select id="Month1" name="Month1" onchange="document.getElementById('Month2').value=this.value">
<option>Month</option>
<option>January</option>
so on ...
</select>
<select id="Month2" name="Month2" onchange="document.getElementById('Month1').value=this.value">
<option>Month</option>
<option>January</option>
so on ...
</select>
月
一月
等等。。。
月
一月
等等。。。
使用
编辑
如果您想变得特别懒惰,并像您选择的答案中那样使用内联事件处理程序,那么您最好跳过getElementById
:
<form>
<select id="Month1" name="Month1" onchange="Month2.value = this.value">
<option>Jan</option><option>Feb</option></select>
<select id="Month2" name="Month2">
<option>Jan</option><option>Feb</option></select>
</form>
一月
一月
您只想要解决方案javascript,还是jQuery对您合适?请在所有这些活动中尝试AngularJS。它绝对震撼…Javascript解决方案将是better@user3132629您还应该向选项标记添加值。示例:
January
@gfrobenius-不需要,如果省略该值,默认情况下选项文本将用作选择值。@Noctis-您需要学习阅读,没有javascript就无法阅读。@adeneo-就像在中一样,文件/fiddle中没有额外的脚本。@adeneo-dunno。我是c#fanboy真的。。。但闲聊够了。。。如果你想教我在线js:),你可以打开一个聊天室。它们必须是相同的形式?@user3132629,两个单独的例子
<form id="whatever">
<select id="Month1" name="Month1">
<option>Jan</option><option>Feb</option></select>
<select id="Month2" name="Month2">
<option>Jan</option><option>Feb</option></select>
</form>
document.forms.whatever.Month1.onchange = function () {
this.form.Month2.value = this.value;
};
<form>
<select id="Month1" name="Month1" onchange="Month2.value = this.value">
<option>Jan</option><option>Feb</option></select>
<select id="Month2" name="Month2">
<option>Jan</option><option>Feb</option></select>
</form>