1から100までの数字のドロップダウンメニューにオプションを追加するために、以下のようなことをするのではなく、簡単なショートカットがあればと思い質問しました。
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
などと100まで入力するのではなく、1~100の数字のドロップダウンメニューを追加する簡単なショートカットはないでしょうか?
ありがとうございます。
プレーンなHTMLでは無理ですね......。
jQueryを使えばできるかもしれませんが。
$(function(){
var $select = $(".1-100");
for (i=1;i<=100;i++){
$select.append($('<option></option>').val(i).html(i))
}
});
[--デモを見る --][1] (英語)
jQuery ここから をダウンロードすることができます。
htmlの他にJavaScriptやjQueryを使っていますか?もしそうであれば、以下のようなことができます。
htmlになります。
<select id='some_selector'></select>
jQuery。
var select = '';
for (i=1;i<=100;i++){
select += '<option val=' + i + '>' + i + '</option>';
}
$('#some_selector').html(select);
こちらをご覧ください][1]の通りです。
互換性のあるブラウザでは、selectの代わりにHTML5のinput type=number
を使用することもできます。
<input type="number" min="1" max="100" value="1">
他の誰もが言ったように、htmlには1つありません。ただし、PUG / Jadeを使用できます。 実際、私はこれを頻繁に行っています。
それは次のようになります。
select
- var i = 1
while i <= 100
option=i++
これは以下を生成します。 。のスクリーンショット。