如何使用列表框的一個值來設置另一個列表框的值？

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 個解決方案

解決方案1
0 2013-11-05 18:54:05

如何使用列表框的一個值來設置另一個列表框的值？

問題描述

1 個解決方案

解決方案1 0 2013-11-05 18:54:05

解決方案1
0 2013-11-05 18:54:05