HTML đơn dạng thả xuống định số phạm vi

Question

Tôi muốn xác định phạm vi số trong danh sách trình đơn thả xuống như 1-24 từ ví dụ tôi hiện đang làm sau

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

là có cách nào chúng ta có thể nói sử dụng 1- 24 và nó tự động tạo ra trình đơn thả xuống, tôi đoán chúng ta cần phải sử dụng Javascript nhưng tôi không biết làm thế nào để mã chúng?

Answer 1

Bạn không cần javascript, bạn có thể sử dụng một PHP cho vòng lặp:

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

Answer 2

Ngay cả tôi cũng đã tìm ra sau sau khi dụ của bạn:

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

Answer 3

Bạn có thể làm điều đó với một javascript trông giống như vậy:

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

Đây là toàn bộ jsFiddle tôi đã tạo cho bạn: jsFiddle

Answer 4

Sử dụng 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>';