JavaScriptでoptionタグを追加する方法が分かりません

Question

###前提・実現したいこと

htmlとJavaScriptで開発をしています。
htmlで書いたcomboBoxにJavaScriptからoptionを設定したいのですが、
上手く動きません。
尚、valueも同じ値を設定したいです。
初心者のため、上手く伝えられないのですが、
ご教授いただければ幸いです。
コードが長くなってしまっているので、問題があると思われる部分のみ
抜粋させていただきます。

###発生している問題・エラーメッセージ

JavaScriptの初めでコンボボックスを読み込んでいるつもりなのですが、
あまり構造を理解していないこともあり、
読み込めていない気がしています。
問題が特定できておらず、申し訳ないです。

###該当のソースコード

ご回答頂きありがとうございました
無事解決いたしました

###試したこと

alertをfor文の前に設置して挙動を確認してみたのですが、
[object NodeList]と表示されるのみで、
検索してみてもこの動作が正しいのか分かりませんでした。

###補足情報(言語/FW/ツール等のバージョンなど)

開発環境はWindows8、Microsoft Visual Studioです。

Answer 1

function setTest() {
    var sel = document.getElementsByName("sel"); // ← document.getElementById のほうがこの場合いいはず。
    var num = [10, 20, 30, 40, 50];
    for (var k = 0; k < num.length; k++) {
        var option_add = document.createElement("option");
        option_add.setAttribute("value", num[k]); // option ⇒ option_add
        option_add.innerHTML = num[k]; // option ⇒ option_add
        sel[0].appendChild(option_add); // getElementsByNameなのでHTMLCollectionが返るから [0] でアクセス。＆ option ⇒ option_add

    } // ← 不足
}
```**動くサンプル：**[https://jsfiddle.net/m1m9e7bx/](https://jsfiddle.net/m1m9e7bx/)

Comments

[Alt]

>>kei344様

間違いの部分、また直した方がいい所まで丁寧に教えていただき、
ありがとうございます。
また、サンプルもありがとうございます。
教えていただいた通りに訂正したところ、1時間ほど悩んでいた部分が
無事解決いたしました。
とても助かりました。
この度は本当にありがとうございました。

Answer 2

こんな感じで

<script>
function setTest() {
  var sel = document.getElementById("sel");
  var num = [10, 20, 30, 40, 50];
  for (var i = 0; i < num.length; i++) {
    var n = document.createElement("option");
    n.setAttribute("value", num[i]);
    n.appendChild(document.createTextNode(num[i]));
    sel.appendChild(n);
  }
}
window.onload=function(){setTest()};
</script>

<select name="sel" id="sel">
<option value=1>1</option>
</select>

Comments

[Alt]

>>yambejp様

ご回答ありがとうございます。
window.onload=function(){setTest()};は初めて見るコードだったので、
とても勉強になりましたし、参考にもなりました。
ご教授、ありがとうございます。

Answer 3

select.appendChild(option);

↓

sel.appendChild(option);

Comments

[Alt]

>>Kosuke_Shibuya様

ご回答頂きありがとうございます。
教えていただいた部分を修正しましたが、まだ上手く挙動しません。
(comboboxにoptionが追加されていないようです)
自分でも分からなかった部分の訂正をいただけて、とても助かりました。
本当にありがとうございます。

[退会済みユーザー]

プログラムの全体を、提示してください。部分だけを切り取っても、書く順番で挙動も変わります。

[Alt]

>>Kosuke_Shibuya様

少しお時間いただきますが、質問内容のコードを訂正させていただきます。
元のコードとは名前が異なりますが、ご容赦ください。
また、自分でもいろいろ試してしまったため、中途半端になっている部分も存在します。
申し訳ありません。