Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Menambah Pilihan pada Elemen `` Menggunakan jQuery?

Bagaimanakah Saya Boleh Menambah Pilihan pada Elemen `` Menggunakan jQuery?

Linda Hamilton
Linda Hamiltonasal
2024-11-29 02:38:08919semak imbas

How Can I Add Options to a `` Element Using jQuery?

Menambahkan Pilihan pada dengan jQuery

jQuery menawarkan pelbagai kaedah untuk menambah pilihan pada lungsur turun dengan mudah.

Menggunakan .append() dengan String HTML:

Walaupun kod yang anda berikan sememangnya boleh menambah pilihan, ia memerlukan aksara HTML yang melarikan diri. Untuk memudahkan proses ini:

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

Menggunakan .append() dengan jQuery Object:

Untuk kawalan dan kebolehbacaan yang lebih baik, anda boleh mencipta objek jQuery untuk menentukan pilihan :

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

Tambahan Pukal daripada Data Koleksi:

Jika anda mempunyai koleksi item untuk ditambahkan sebagai pilihan:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menambah Pilihan pada Elemen `` Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn