Bootstrap Выберите опции too much code

Question

Я работаю с Bootstrap 3.3.6 и хотел использовать селектор, чтобы выбрать определенное количество. Проблема заключается в том, что я хочу, чтобы варианты пройти весь путь до 99, но я заметил, что код слишком повторяющийся делает весь код немного слишком много ..

Прямо сейчас у меня есть:

<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> 

Должен ли я писать <option></option> 99 раз или есть, возможно, более простой и быстрый способ сделать это? Возможно, с угловымJS? если да, то какие идеи?

Спасибо!

Answer 1

Если у вас есть доступ ко 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> 

Answer 2

вы можете использовать цикл:

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

Answer 3

Вы можете использовать <input type="range"/> тоже:

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

Ввиду семантики я считаю, что этот элемент лучше, чем 99 <option> элементов.