2013-05-24 59 views
5

voglio specificare intervallo di numeri nella lista menu a discesa come 1-24 dall'esempio Attualmente sto facendo seguitoHTML menu a tendina forma specifica gamma numero

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

c'è un modo che possiamo dire uso 1- 24 e crea dinamicamente menu a discesa, suppongo che dobbiamo usare Javascript ma non so come codificarli?

risposta

15

Non hai bisogno di Javascript, è possibile utilizzare un ciclo for PHP:

<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! Non dimenticare di segnare come migliore risposta se fosse utile :) –

+0

perché no ... lo farò ma dovrai aspettare per 10 minuti :) – Satish

0

Anche ho anche capito seguente dopo il tuo esempio:

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

si può fare con un javascript che assomiglia a quello:

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

Ecco la piena jsFiddle ho fatto per voi: jsFiddle

Problemi correlati