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
Lepaskan: 2024-11-29 02:38:08
asal
921 orang telah melayarinya

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>');
Salin selepas log masuk

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'
}));
Salin selepas log masuk

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 
    }));
});
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan