Bagaimana untuk Membuat Pilihan Secara Dinamik dalam Elemen Pilih Menggunakan JavaScript?

Menambahkan Pilihan pada Pilihan dengan JavaScript

S: Saya mahu mencipta pilihan daripada 12 hingga 100 dalam elemen pilih dengan ID "mainSelect" secara dinamik. Bagaimanakah saya boleh mencapai ini tanpa membuat setiap teg pilihan secara manual?

J: Berikut ialah penyelesaian menggunakan gelung untuk mudah:

var min = 12,
    max = 100,
    select = document.getElementById('selectElementId');

for (var i = min; i<=max; i++){
    var opt = document.createElement('option');
    opt.value = i;
    opt.innerHTML = i;
    select.appendChild(opt);
}

Dalam kod ini:

• Kami mula-mula mengisytiharkan nilai minimum dan maksimum untuk pilihan.
• Kemudian, kami mendapat elemen pilih menggunakan document.getElementById().
• Seterusnya, kami mencipta gelung for yang berulang daripada min kepada nilai maksimum.
• Untuk setiap lelaran, kami mencipta elemen pilihan, menetapkan nilainya dan innerHTML, dan akhirnya menambahkannya pada elemen pilih.

Pendekatan ini cekap dan membolehkan anda membuat pelbagai pilihan dengan mudah secara dinamik untuk mana-mana elemen pilihan tertentu.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Pilihan Secara Dinamik dalam Elemen Pilih Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!