Javascript 我如何动态操作2个选择框
如果我在选择框A上选择值1，那么选择框B将显示值Dog、Cow、Cat，那么我如何动态操纵2个选择框。如果选择值2，则选择框B显示公共汽车、汽车、自行车Javascript 我如何动态操作2个选择框,javascript,Javascript,如果我在选择框A上选择值1，那么选择框B将显示值Dog、Cow、Cat，那么我如何动态操纵2个选择框。如果选择值2，则选择框B显示公共汽车、汽车、自行车 <select id='A'> <option value='1'>Value 1</option> <option value='2'>Value 2</option> </select> 值1 价值2 如果选择值1，则 狗 母牛 猫 如果选择值2，则 公共汽车 汽
<select id='A'>
<option value='1'>Value 1</option>
<option value='2'>Value 2</option>
</select>
值1
价值2
下面是一个简单的javascript解决方案：
<!DOCTYPE html>
<html>
<body onload="updateselect('A', 'B');">
<script type="text/javascript">
function updateselect(this_id, other_id){
if (document.getElementById(this_id).value == "1"){
document.getElementById(other_id).innerHTML="<option>Dog<\/option><option>Cow<\/option><option>Cat<\/option>";
}
else if (document.getElementById(this_id).value == "2"){
document.getElementById(other_id).innerHTML="<option>Bus<\/option><option>Car<\/option><option>Bike<\/option>";
}
}
</script>
<noscript>JAVASCRIPT IS NOT ENABLED FOR THIS PAGE</noscript>
<select id='A' onchange="updateselect('A', 'B');">
<option value='1'>Value 1</option>
<option value='2'>Value 2</option>
</select>
<select id='B'></select>
</body>
</html>
函数更新选择（此\u id，其他\u id）{
if（document.getElementById（this_id）.value==“1”）{
document.getElementById（other_id）.innerHTML=“DogCowCat”；
}
else if（document.getElementById（this_id）.value==“2”）{
document.getElementById（其他id）.innerHTML=“BusCarBike”；
}
}
此页面未启用JAVASCRIPT
值1
价值2