javascriptでhtmlのoptionタグの追加

Question

お読み頂きましてありがとうございます。

現在、htmlにて

<input type='button' value='追加' onclick=Add();>
<select name="hoge"></select>

そしてjavascriptにて

function Add(){
        var select = document.getElementById('hoge');
        var option = document.createElement('option');
        option.setAttribute('value','aaa');
        option.innerHTML = "aaa";
        select.appendChild(option);
}

このような設計を行っております。
ボタンを押した際にjavascriptのAdd()関数を呼び出してセレクトボックス内にoptionタグを追加していく処理を記載しているのですが、実行するとAdd()の最終行である select.appendChild(option); がうまく動いてくれません。この部分をコメントアウトするとしっかりコードが通っているのですが（alertが表示されるかで検証しています）うまく動作してくれませんのでなぜ動かないのかアドバイスを求めています。

Javascriptに詳しい方、アドバイス頂けますと幸いです。
どうぞよろしくお願い致します。

Answer 1

document.getElementById('hoge') === null だからです。
<select name="hoge"></select> は <select id="hoge"></select> に修正する必要があります。

Re: fama さん