我需要一个简单的下拉菜单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>