Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将所选选项从一个下拉列表复制到另一个下拉列表_Javascript_Copy - Fatal编程技术网

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>