100種類のオプションを使わずに1 - 100のドロップダウンメニューを簡単に追加できますか？

代わりに、次の操作を実行するので100までの数字1のためのドロップダウンメニューにオプションを追加するための単純なショートカットがあった場合、私は思っていた：100種類のオプションを使わずに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のすべての方法を？

ありがとうございました

出典

2012-04-13 GibsonFX

平易なHTMLではなく、私は恐れています。

あなたはこのかかわらを行うには、いくつかのjQueryを使用することができます。

$(function(){ 
    var $select = $(".1-100"); 
    for (i=1;i<=100;i++){ 
     $select.append($('<option></option>').val(i).html(i)) 
    } 
});

-- SEE DEMO --

あなたはjQueryの私の知る限り、純粋なHTMLとhere

出典

2012-04-13 14:27:14 Curt

素晴らしい仕事だろうが、jQueryの言語私がいることを埋め込むんそれは次のようになります

？

ないをダウンロードすることができます。

しかし、JSやPHPやJSPなどの別のスクリプト言語では、forループを使用すると非常に簡単に実行できます。 PHPで

例：

<select> 
<?php 
    for ($i=1; $i<=100; $i++) 
    { 
     ?> 
      <option value="<?php echo $i;?>"><?php echo $i;?></option> 
     <?php 
    } 
?> 
</select>

出典

2012-04-13 14:27:24 jammypeach

非常に助けて、ありがとう： – GibsonFX

あなたは、HTML以外のJavaScriptやjQueryのを使用していますか？

HTML：：

<select id='some_selector'></select>

のjQuery：see hereすることができますように

var select = ''; 
for (i=1;i<=100;i++){ 
    select += '<option val=' + i + '>' + i + '</option>'; 
} 
$('#some_selector').html(select);

あなたがいる場合は、あなたのような何かを行うことができます。

互換性のあるブラウザの代わりに選択するためのもう1つのオプションは、使用することができますHTML5のinput type=numberです：私はこれが古い参照

<input type="number" min="1" max="100" value="1">

出典

2012-04-13 14:28:42 DarkAjax

非常に助けて、ありがとう： – GibsonFX

けど...あなたが番号を生成するためのコードを探しているなら、私はいけないは知っています/オプションがロードされるたびに読み込まれます。しかし、私はExcelやOpen Office Calcのページを使用して、常にオートナンバリングを使用します。これは次のようになります...

| <option> | 1 | </option> |

次に、行のセルをハイライト表示し、必要な数または100まで数字をドラッグします。私はちょうど私が戻って参照するコードスニペットを持っています。

出典

2015-04-30 05:21:37 James

jQueryのワンライナー：

ES6 + jQueryの：

$('#select').append([...Array(100).keys()].map((i,j) => `<option>${i}</option >`))

Lodash + jQueryの：

$('#select').append(_.range(100).map(function(i,j){ return $('<option>',{text:i})}))

出典

2016-10-01 03:19:17 Kuf

-2

それは常に100であるならば、あなたは最高のHTMLに静的に入力します。マルチライン編集や簡単なExcelトリックでも、時間がかかり過ぎず、実行時に毎回プロセッサに負担をかけません。彼はあまりにも退屈だ、あなたは知っている...

出典

2017-02-14 21:56:50

私は常に質問を読んで理解してください最初に答える前に。そうしないと、プラットフォーム上の人が混乱することになります。 – Arthur

他の誰もが言ったように、HTMLには1つもない。ただし、PUG/Jadeを使用できます。実際、私はこれを頻繁にやっています。

select 
    - var i = 1 
    while i <= 100 
    option=i++

これが生成します：

出典

2017-12-10 20:27:01 chbchb55

100種類のオプションを使わずに1 - 100のドロップダウンメニューを簡単に追加できますか？

答えて

関連する問題