다음과 같은 작업을 수행하는 대신 숫자 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 외에 JavaScript나 jQuery를 사용하고 있나요? 그렇다면 다음과 같은 작업을 수행할 수 있습니다:
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].
선택 대신 호환 브라우저에 사용할 수 있는 또 다른 옵션은 HTML5의 입력 유형=숫자
입니다:
<input type="number" min="1" max="100" value="1">