Мне просто интересно, есть ли простой способ добавить опции в выпадающее меню для чисел от 1 до 100 вместо того, чтобы делать следующее:
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
и т.д. до 100?
Спасибо
Боюсь, что не с помощью обычного HTML.
Хотя вы можете использовать jQuery для этого:
$(function(){
var $select = $(".1-100");
for (i=1;i<=100;i++){
$select.append($('<option></option>').val(i).html(i))
}
});
[-- СМ. ДЕМОНСТРАЦИЮ --][1]
Вы можете скачать jQuery здесь.
Насколько я знаю, в чистом HTML такого нет.
Но в JS, PHP или другом скриптовом языке, например JSP, вы можете сделать это очень легко с помощью цикла for.
Пример на PHP:
<select>
<?php
for ($i=1; $i<=100; $i++)
{
?>
<option value="<?php echo $i;?>"><?php echo $i;?></option>
<?php
}
?>
</select>
Используете ли вы JavaScript или jQuery помимо html? Если да, то вы можете сделать что-то вроде:
HTML:
<select id='some_selector'></select>
jQuery:
var select = '';
for (i=1;i<=100;i++){
select += '<option val=' + i + '>' + i + '</option>';
}
$('#some_selector').html(select);
Как вы можете [увидеть здесь][1].
Другим вариантом для совместимых браузеров вместо select можно использовать HTML5' input type=number
:
<input type="number" min="1" max="100" value="1">