0

初めてJavascriptを勉強しています。listbox1 に 1 つの値を選択しようとしていますが、その値に基づいて 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>

しかし、2番目のリストボックスを変更または設定しているようには見えませんでした。内部にあるすべてのオプションがまだ表示されていました。

listbox2 に値を設定する正しい方法を教えてください。

4

1 に答える 1

0

あなたはjQueryを使ってみることができます

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

これを別の js ファイルに入れて、html から呼び出します: http://jsfiddle.net/Re8Cc/

于 2013-11-05T18:54:05.817 に答える