Bagaimana untuk Menambah Pilihan dengan Cekap pada Dropdown Menggunakan jQuery?

Mengisi Pilihan Dropdown dengan jQuery

Soalan:

Cara untuk menambah pilihan dengan mudah pada lungsur turun menggunakan jQuery? Secara khususnya, adakah coretan kod ini betul:

$("#mySelect").append('<option value=1>My option</option>');

Jawapan:

Ya, kod yang disediakan berfungsi. Walau bagaimanapun, terdapat pendekatan yang lebih elegan untuk mencapai hasil yang sama.

Sintaks Pilihan untuk Menambah Pilihan:

$('#mySelect').append($('<option>', {
    value: 1,
    text: 'My option'
}));

Sintaks ini membolehkan anda menentukan kedua-dua nilai dan teks pilihan dalam satu baris.

Melongok Melalui Koleksi Item:

Jika anda perlu menambah berbilang pilihan daripada koleksi item:

$.each(items, function (i, item) {
    $('#mySelect').append($('<option>', {
        value: item.value,
        text : item.text
    }));
});

Kaedah ini berulang pada setiap item dalam koleksi dan mencipta pilihan yang diperlukan secara dinamik.

Atas ialah kandungan terperinci Bagaimana untuk Menambah Pilihan dengan Cekap pada Dropdown Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!