php - 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 for ループを使用できます。

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

Answer 2

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 の例を次に示します 。

Answer 3

私もあなたの例の後に次のことを考え出しました：

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

Answer 4

PHP範囲を使用 — 要素の範囲を含む配列を作成します

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