求多个下拉菜单选择同时把值赋给其他文本框
发布网友
发布时间：2022-05-13 21:00
共3个回答
热心网友
时间：2022-05-15 13:46
你参考一下我写的，你要的是这效果吧
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Change(ose_obj){
var ose1_h_obj = document.getElementById("ose1_h");
var ose2_h_obj = document.getElementById("ose2_h");
var ose3_h_obj = document.getElementById("ose3_h");
if(ose_obj != null){
if(ose_obj.id == 'ose1'){
ose1_h_obj.value = ose_obj.options[ose_obj.selectedIndex].text;
}
if(ose_obj.id == 'ose2'){
ose2_h_obj.value = ose_obj.options[ose_obj.selectedIndex].text;
}
if(ose_obj.id == 'ose3'){
ose3_h_obj.value = ose_obj.options[ose_obj.selectedIndex].text;
}
}else{
ose1_h_obj.value = ose1.options[ose1.selectedIndex].text;
ose2_h_obj.value = ose2.options[ose2.selectedIndex].text;
ose3_h_obj.value = ose3.options[ose3.selectedIndex].text;
}
document.getElementById("value").value = ose1_h_obj.value + ' ' + ose2_h_obj.value + ' ' + ose3_h_obj.value;
}
window.onload =function(){
Change(null);
}
//-->
</SCRIPT>
</head>
<body>
<input type="hidden" value="" id="ose1_h">
<input type="hidden" value="" id="ose2_h">
<input type="hidden" value="" id="ose3_h">
<select id='ose1' onChange="Change(this)">
<option value='1'>辽宁省</option>
<option value='2' selected>北京</option>
<option value='3'>日本</option>
</select>
<select id='ose2' onChange="Change(this)">
<option value='1'>沈阳市</option>
<option value='2' selected>崇文门</option>
<option value='3'>东京</option>
</select>
<select id='ose3' onChange="Change(this)">
<option value='1'>铁西区</option>
<option value='2' selected>新世界百货</option>
<option value='3'>秋叶原</option>
</select>
<input type="text" id="value" name="os" >
</body>
</html>
热心网友
时间：2022-05-15 15:04
热心网友
时间：2022-05-15 16:39
