HTML меню формы выпадающего указать диапазон номеров

Question

Я хочу, чтобы указать диапазон номеров в списке выпадающего меню, как 1-24 из примера я сейчас делаю следующее

<select name="hour"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
... 
... 
<option value="24">24</option> 
</select> 

есть ли способ, мы можем сказать, использование 1- 24 и динамически создает раскрывающееся меню, я думаю, нам нужно использовать Javascript, но я не знаю, как их кодировать?

Answer 1

Вам не нужно Javascript, вы можете использовать PHP для цикла:

<select name="hour"> 
    <?php for ($i = 1; $i <= 24; $i++) : ?> 
     <option value="<?php echo $i; ?>"><?php echo $i; ?></option> 
    <?php endfor; ?> 
</select> 

Answer 2

Даже я также выяснил следующее после вашего примера:

<?php 
echo "<select>"; 
for ($h = 1; $h <= 24; $h++) echo "<option value='$h'>$h</option>"; 
echo "</select>"; 
?> 

Answer 3

Вы можете сделать это с Javascript, который выглядит так:

for(var i=1; i<=24; i++){ 
    var select = document.getElementById("hours"); 
    var option = document.createElement("OPTION"); 
    select.options.add(option); 
    option.text = i; 
    option.value = i; 
} 

Вот полный jsFiddle я сделал для вас: jsFiddle

Answer 4

Использование PHP Range — Create an array containing a range of elements

echo '<select name="hour">'; 
foreach (range(1,24) as $number) { 
     echo '<option value='.$number.'>'.$number.'</option>'; 
} 
echo '</select>';