-1

我如何动态操作 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，则选择 Dog Cow Cat 如果选择值 2，则选择 Bus Car Bike

4

1 回答 1

0

这是一个简单的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>
于 2013-11-05T18:06:43.253 回答