web-dev-qa-db-ja.com

JavaScriptでドロップダウンメニューオプションを選択します

ドロップダウンメニューがあり、javascript関数でドロップダウンメニューオプションを選択する方法がわかりません。変数の出力をテストしましたが、すべて正しいですが、クリックしてもオプションは選択されません。機能とドロップダウンメニューは次のとおりです。

関数

function formFill(a, b, c){
        theform.from.value = a;
        theform.to.value = b;
        for(var i = 0;i < document.getElementById("stateSelect").length;i++){
            if(document.getElementById("stateSelect").options[i].value == c ){
                document.getElementById("stateSelect").selected = true;
            }
        }
    }

メニュー項目

<select id="stateSelect" name="stateSelect">
    <option value="none">(None)</option>
    <option value="AL">Alabama</option>
    <option value="AK">Alaska</option>
javascripthtmldrop-down-menu
27
shinjuo

次の行を変更します。

document.getElementById("stateSelect").selected = true;

に：

document.getElementById("stateSelect").selectedIndex = i;

37
David Hancock

Alt。 selectedを実際のオプションに設定できます。select.options [i] .selected = true;

...
        var select = document.getElementById("stateSelect");
        for(var i = 0;i < select.options.length;i++){
            if(select.options[i].value == c ){
                select.options[i].selected = true;
            }
        }
...
14
Anatoly Mironov