1

これが私が持っているコードです。配列内の要素をドロップダウン選択ボックスに追加しようとしています。コードは appendChild メソッドまで正常に動作します。その1行が機能しない理由がわかりません。ここにコードがあります

</head>
<body>
    <h1> Eat Page</h1>
    <p id="test">Hi</p>
    <select id="CusineList"></select>

    <script type="text/javascript">

        var cuisines = ["Chinese","Indian"];
        var sel = document.getElementById('CuisineList');

        for(var i = 0; i <cuisines.length; i++){

            var optionElement = document.createElement("option");

            optionElement.innerHTML = cuisines[i];

            optionElement.value = i;//cuisines[i];
            //document.getElementById("test").innerHTML = cuisines.length;
            sel.appendChild(optionElement);

        }
    </script>

    <p> When </p>
</body>

</html>
4

3 に答える 3

4

スペルミスがあります。

あなたのIDは ですが、選択CusineListに使用CuisineListすると.

それに加えて、あなたのコードは動作します。

于 2012-07-02T03:17:07.780 に答える
0

Java スクリプトを使用してノードを追加する場合、最初にノードの属性/プロパティを設定した後、このノードを関連する親に追加する必要があり、ノードを追加した後、そのコンテンツまたは関連する内部 HTML/テキストを設定できます。

上記の問題の解決策は次のとおりです。

var cuisines = ["Chinese", "Indian"];var sel = document.getElementById('CusineList');
var optionElement;
for (var i = 0; i < cuisines.length; i++) {
    optionElement = document.createElement("option");
    optionElement.value = i;
    sel.appendChild(optionElement);
    optionElement.innerHTML = cuisines[i];
    document.getElementById("test").innerHTML = cuisines.length;
}

http://codebins.com/codes/home/4ldqpcnのソリューションでビンを作成しました

于 2012-07-02T06:59:28.160 に答える
0

誤字脱字あり

var sel = document.getElementById('CuisineList');

これは

var sel = document.getElementById('CusineList');

または、html を変更します。から

<select id="CusineList"></select>

に

<select id="CuisineList"></select>
于 2012-07-02T03:18:32.470 に答える