Question

如何动态操作2个选择框，如果我在选择框A上选择值1，则选择框B将显示值Dog，Cow，Cat。如果选择了值2，则选择框B显示公共汽车，汽车，自行车

<select id='A'>
<option value='1'>Value 1</option>
<option value='2'>Value 2</option>
</select>

如果选择值1则狗牛猫如果选择值2则总线汽车自行车

Answer 1

这是一个简单的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>

如何动态操作2个选择框

1 个答案: