2016-08-18 13 views
0

私はBootstrap 3.3.6で作業していて、ある量を選択するためにセレクタを使いたいと思っていました。ブートストラップオプションが多すぎます

<div class="form-group"> 
    <label for="sel1">select quantity: </label> 
    <select class="form-control" id="sel1"> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
     <option>4</option> 
     <option>5</option> 
    </select> 
</div> 
..今私が持っている

問題は、私はオプションは99にすべての道を行きたいということですが、私はコードが少しあまりにも多くのコード全体作りすぎ繰り返しで気づきました

​​3210を99回書く必要がありますか、これを行うにはもっと簡単で簡単な方法がありますか? おそらくangularJS?もしそうなら、どんなアイディアですか?

ありがとうございます!

+1

[AngularJS ng-options create range]の複製があります(http://stackoverflow.com/questions/11160513/angularjs-ng-options-create-range) – baao

+0

申し訳ありませんが、私はAngularオプションでした。 –

+0

問題ありません。質問を重複としてマークすると、両方の質問を一緒に見つけることができます – baao

答えて

0

あなたはあなたができるPHPへのアクセスもを持っている場合:

<div class="form-group"> 
    <label for="sel1">select quantity: </label> 
    <select class="form-control" id="sel1"> 
    <?php for($i=1; $i <= 99; $i++){ ?> 
     <option><?php echo $i; ?></option> 
    <?php } ?> 
    </select> 
</div> 
0

あなたはループを使用することができます。

var text = 0; 
for (i = 0; i <100; i++) { 
    text += "<option>"+[i]+"</option><br />"; 
} 
1

あなたも<input type="range"/>を使用することができます。

<input type="number" name="quantity" min="1" max="99" value="22">

セマンティックの観点から、私はこの要素が99 <option>の代わりに良いと思う。

関連する問題