2013-05-24 14 views
5

Chcę, aby określić zakres numerów na liście menu rozwijanego jak 1-24 z przykładu Jestem obecnie robi poHTML menu rozwijanego określ postać zakres numerów

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

jest jakiś sposób możemy powiedzieć stosowanie 1- 24 i dynamicznie tworzyć menu rozwijane, myślę, że musimy użyć JavaScript, ale nie wiem jak je kodować?

Odpowiedz

15

Nie trzeba Javascript, można użyć PHP dla pętli:

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

super cool !!!!!! – Satish

+1

@Satish haha! Nie zapomnij oznaczyć jako najlepszej odpowiedzi, jeśli była przydatna :) –

+0

dlaczego nie ... będę, ale musisz poczekać 10 min :) – Satish

0

Nawet ja też zorientowali się następujący przykład: po

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

Można to zrobić z JavaScript, który wygląda tak:

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

Oto pełna jsFiddle zrobiłem dla was: jsFiddle

Powiązane problemy