lang
1function setSelectNumber(){
2 var selectElement = document.getElementById("セレクトボックスのID");
3 for(var i = 1; i <= 10; i ++){
4 var option = document.createElement("option");
5 option.value = i;
6 option.innerText = i;
7 selectElement.appendChild(option);
8 }
9}
以上でできます。
<select>タグにIDを付けて、そのIDを元にselect要素を取得し、そのselect要素にoptionを追加していきます。
以下追記
通常、htmlでセレクトボックスを記述する場合には
lang
1<select id="select">
2<option value="1">1</option>
3<option value="2">2</option>
4 ・
5 ・
6 ・
7</select>
と記述します。
このようにセレクトボックス内のリストは<option>タグによって決められます。
ですので、javascriptでセレクトボックスを作るには、<option>タグをセレクトボックスに追加する形で作成します。
注)これだけがセレクトボックスを作成する方法ではありません。ほんの一例になります。
したがって、先ほどのコードを説明すると、次のようになります。
lang
1function setSelectNumber(){
2 var selectElement = document.getElementById("セレクトボックスのID");
3 for(var i = 1; i <= 10; i ++){
4 var option = document.createElement("option"); //ここで<option>要素を作成
5 option.value = i; //optionのvalue属性を設定
6 option.innerText = i; //リストに表示するテキストを記述
7 selectElement.appendChild(option); //セレクトボックスにoptionを追加
8 }
9}
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/05/26 08:18
2015/05/26 08:54
2015/05/26 09:09
2015/05/26 12:31