Bagaimanakah jQuery Boleh Menambah Pilihan dengan Cekap pada Elemen `` HTML?

Memperluaskan Pilihan dalam Elemen Menggunakan jQuery

Melampirkan Pilihan pada Senarai Pilihan

Apabila ia datang untuk meningkatkan kefungsian elemen HTML pada halaman web, jQuery menyediakan set kaedah yang mantap. Antaranya, keupayaan untuk menambah pilihan pada menu lungsur menggunakan jQuery telah terbukti sangat berguna. Artikel ini meneroka pendekatan yang paling berkesan untuk menyelesaikan tugasan ini.

Kaedah Lurus

Anda mungkin pada mulanya mempertimbangkan untuk menggunakan kod berikut untuk menambahkan pilihan:

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

Walaupun pendekatan ini mungkin berkesan secara teknikal, terdapat sintaks yang lebih cekap iaitu disyorkan:

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

Teknik ini mencipta elemen pilihan (), memberikan nilai dan atribut teksnya secara dinamik.

Pelampiran Kelompok Pilihan

Dalam senario di mana anda perlu menambah berbilang pilihan daripada koleksi item, pendekatan yang lebih cekap ialah tersedia:

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

Di sini, kaedah $.each() jQuery berulang melalui koleksi (item), mencipta dan menambahkan elemen pilihan untuk setiap item. Ini memastikan bahawa semua pilihan ditambahkan pada elemen dengan cekap.

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