javascript - Javascriptを使用してドロップダウンリストを動的に編集する-機能しない

Question

わかりました、私はこれを行う方法を知っています-理論的には。javascriptを使用して動的に編集したいWebページにドロップダウンリストがあります。ドロップダウンリストが作成され、空で、次のHTMLが使用されています。

<select id="my_dropdown">
</select>

次に、このjavascriptコード（headセクションで実行）は、単一のオプションで入力することになっています。

my_drop = document.getElementById("my_dropdown");
my_drop.options[0] = new Option("Name", "value");

私は本ですべてをやっていると思いますが、この時点で骨を抜いても、このコードはChromiumでもFirefoxでも機能しません。次に何をしようかわからない。提案？

score 1 · Accepted Answer

ハンドラーの外で頭の中でそれを行っている場合onload、DOMはまだ準備ができていません。

JavaScriptをHTMLの要素の後に移動するか、onload関数で囲みます。

例えば/

<body onload="doMyStuff()">

そして頭の中で

function doMyStuff(){
    // code here to add item to dropdown
}

score 0 · Accepted Answer

コードに問題はありません...DOMの準備ができていないと思うので、これを試してください...

HTMLタグに

<body onload="myFunction()">

これをスクリプトに追加します

function myFunction(){
   my_drop = document.getElementById("my_dropdown");
   my_drop.options[0] = new Option("Name", "value");
}

2 に答える 2