Cara mudah untuk menambahkan menu drop down dengan 1 - 100 tanpa melakukan 100 opsi berbeda?
Saya hanya ingin tahu apakah ada jalan pintas sederhana untuk menambahkan opsi ke menu dropdown untuk angka 1 hingga 100 daripada harus melakukan hal berikut:
<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>dst. sampai ke 100?
Terima kasih
Tidak dengan HTML biasa, saya khawatir.
Anda bisa menggunakan beberapa jQuery untuk melakukan ini:
$(function(){
var $select = $(".1-100");
for (i=1;i<=100;i++){
$select.append($('<option></option>').val(i).html(i))
}
});Anda dapat mengunduh jQuery di sini
Tidak dengan HTML murni sejauh yang saya tahu.
Tetapi dengan JS atau PHP atau bahasa skrip lain seperti JSP, Anda dapat melakukannya dengan sangat mudah dengan for loop.
Contoh dalam PHP:
<select>
<?php
for ($i=1; $i<=100; $i++)
{
?>
<option value="<?php echo $i;?>"><?php echo $i;?></option>
<?php
}
?>
</select>
Apakah Anda menggunakan JavaScript atau jQuery selain html? Jika ya, Anda dapat melakukan sesuatu seperti:
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);Seperti yang bisa Anda lihat di sini.
Pilihan lain untuk peramban yang kompatibel, selain select, yang dapat Anda gunakan adalah HTML5's input type=number:
<input type="number" min="1" max="100" value="1">
