HTML form dropdown menu specify number range

Question

I want to specify number range in drop-down menu list like 1-24 from example i am currently doing following

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

is there any way we can say use 1-24 and it dynamically create drop-down menu, I guess we need to use Javascript but i don't know how to code them?

Answer 1

You don't need Javascript, you can use a PHP for loop:

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

Answer 2

If you only wish to use Javascript, you could do something like:

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

Here is a jsFiddle example: jsFiddle