Nasıl bir DropDownList kullanarak bir WordPress kullanmak için seçenekleri nasıl eklerim?
Soru söylediği gibi, nasıl bir DropDownList kullanarak bir WordPress kullanmak için yeni bir seçenek ekleyebilirim?
Teşekkürler
CEVAP
Herhangi bir ekstra eklentileri kullanmadan
var myOptions = {
val1 : 'text1',
val2 : 'text2'
};
var mySelect = $('#mySelect');
$.each(myOptions, function(val, text) {
mySelect.append(
$('<option></option>').val(val).html(text)
);
});
Eğer seçenek, ya da bu kod çok sık çalıştırılması için gerekli bir sürü varsa, o zaman birçok kez gereksiz yere DOM değiştirmek yerine DocumentFragment kullanarak içine bakmak gerekir. Seçeneklerden sadece bir avuç için, buna değer değil bence.
------------------------------- Eklendi --------------------------------
DocumentFragment
hızlı geliştirme için iyi bir seçenek olduğunu, ancak IE6 ve IE 7 destekleyen olmadığı için bu seçeneği öğe document.createElement('option')
kullanarak yaratamayız.
Ne yapabiliriz, yeni bir select öğesi oluşturun ve sonra tüm seçenekleri ekleyin. Döngü tamamlandıktan sonra, gerçek bir DOM nesnesi eklemek.
var myOptions = {
val1 : 'text1',
val2 : 'text2'
};
var _select = $('<select>');
$.each(myOptions, function(val, text) {
_select.append(
$('<option></option>').val(val).html(text)
);
});
$('#mySelect').append(_select.html());
Sadece bir kez DOM değiştireceğiz!
Nasıl seçmek kullanarak bir WordPress ...
Nasıl css display none değişiklik veya...
Nasıl bir tablo hücre değeri kullanara...
nasıl bir zaman dilimi kullanarak bir ...
Nasıl çoklu seçim kutusu değerleri kul...