Question

我第一次学习Javascript。我正在尝试为listbox1选择一个值，并且基于该值，它必须选择listbox2中的值。

这就是我编码的内容。

<html>
<head>
    function choose() {
        if(document.getElementById('City').value===1) {
            document.getElementById('subcity').value ="1";
            document.getElementById('subcity').text ="Adyar, chennai";       
        }
    }
</head>

<body>
    <select name="City" onchange ="choose()" onclick="" id="City" >
        <option value="0">Select City</option>
        <option value="1">Chennai</option>
        <option value="2">Bangalore</option>
    </select>

    <select name="subcity" id="subcity" >
        <option selected="selected" value="0">Select sub area</option>
        <option value="1">Adyar, chennai</option>
        <option value="2">Electronic city, bangalore</option>
    </select>
</body>
</html>

但它似乎没有改变或设置第二个列表框。它仍然向我展示了我内心的所有选择。

您能告诉我在listbox2中设置值的正确方法吗？

Answer 1

您可以尝试使用jQuery

 $('#City').change(function() {
    $('#subcity').val($('#City').val());
 });

将它放在一个单独的js文件中，并从html：http://jsfiddle.net/Re8Cc/

中调用它

如何使用列表框的一个值来设置另一个列表框的值？

1 个答案: