Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.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
我需要一个简单的下拉菜单OnChange/Select在javascript中_Javascript_Html - Fatal编程技术网

我需要一个简单的下拉菜单OnChange/Select在javascript中

我需要一个简单的下拉菜单OnChange/Select在javascript中,javascript,html,Javascript,Html,我需要一些非常简单的帮助 我在表单上有两个下拉框: <select name="OfficeLocation" > <option value="" ></option> <option value="1" selected="selected">New York</option> <option value="2" >Los Angeles</option> <option val

我需要一些非常简单的帮助

我在表单上有两个下拉框:

<select name="OfficeLocation" >
   <option value="" ></option>
   <option value="1" selected="selected">New York</option>
   <option value="2" >Los Angeles</option>
   <option value="3" >San Francisco</option>
</select>

<select name="OfficePhone">
   <option value="" ></option>
   <option value="1">(718)555-1212</option>
   <option value="2" >(213)555-1212</option>
   <option value="3" >(415)555-1214</option>
</select>

纽约
洛杉矶
旧金山
(718)555-1212
(213)555-1212
(415)555-1214
第二种是“只读” 我需要知道的是,如何通过更改“OfficeLocation”的值来更改“OfficePhone”的值?使用简单的JavaScript或JSP命令
谢谢

OfficeLocation select需要一个事件处理函数,第二个select需要一个id

<select name="OfficeLocation" onchange="eHandler">
<option value="" ></option>
<option value="1" selected="selected">New York</option>
<option value="2" >Los Angeles</option>
<option value="3" >San Francisco</option>
</select>

<select name="OfficePhone" id="oPhone">
<option value="" ></option>
<option value="1">(718)555-1212</option>
<option value="2" >(213)555-1212</option>
<option value="3" >(415)555-1214</option>
</select>

您可以使用如下脚本:

<script>
    menu1 = document.getElementsByName('OfficeLocation')[0];
    menu2 = document.getElementsByName('OfficePhone')[0];
    menu1.onchange = function(){      
      menu2.value = menu1.value;
    }
  </script>

menu1=document.getElementsByName('OfficeLocation')[0];
menu2=document.getElementsByName('OfficePhone')[0];
menu1.onchange=function(){
menu2.value=menu1.value;
}
在这里,您使用
onchange
事件启动一个函数,使第二个菜单
menu2
上的值等于第一个菜单
menu1
的选定值

在线演示正在进行中


请注意:脚本应该放在你的元素之后。

这不是编码服务:你尝试过什么?对不起,我中风了,忘记了简单的事情。我最近中风了,我试图让我的头回到游戏中,但忘记了简单的事情,对不起。
<script>
    menu1 = document.getElementsByName('OfficeLocation')[0];
    menu2 = document.getElementsByName('OfficePhone')[0];
    menu1.onchange = function(){      
      menu2.value = menu1.value;
    }
  </script>