2012-03-15 26 views
14

Ajax çağrısı aracılığıyla dinamik olarak bir seçme elemanının seçeneklerini yaratmalıyım. Seçeneklerin ve içeriklerinin sayısı değişecektir. İşteJQuery kullanarak dinamik olarak seçme elemanın seçenekleri nasıl oluşturulur?

<select name="groupid" style="width:100%;"> 
<option value="0" selected>(Please select an option)</option> 
</select> 

bir kukla değere sahip bir seçenek elemanını oluşturmak için benim girişimleri biridir:

$("<option></option>", {value: "999"}).appendTo('.select-group'); 

Ama seçme dışında ekler Bu ajax arama önce böyle görünüyor. Metni nasıl ayarlayacağımı da bilmiyorum.

Herhangi bir fikrin var mı? Varolan seçim formlarını varolan statik seçeneklerin sayısıyla doldurma hakkında bazı sorular gördüm, ancak bunlardan biri değil.

Teşekkürler.

+0

.Select-group'' sizin 'select' unsurdur '' Eğer muhtemelen çok o bazı metinleri vermek istiyorum gerçi, o zaman, çalışır: "999" metnini:' {değeri " 999" } '. –

+0

buradan daha fazla bilgi burada bulabilirsiniz - http://www.kvcodes.com/2016/10/add-append-insertoptions-select-options-using-jquery-javascript/ – Kvvaradha

cevap

30

.select-group nerede? Eğer #groupid kimliği kullanmak istersek bu Eğer doğru anladıysam

$("<option></option>", 
    {value: "999", text: "Nine Ninety Nine"}) 
    .appendTo('.select-group'); 

DEMO

.select-group kaydıyla, aşağıda ne ihtiyaç vardır ...

$('<option>').val('999').text('999').appendTo('#groupid'); 
+0

great !! hala düzgün çalışıyor ... –

7

çıkmaması seçicidir gerekir <select></select>

16

İşte çözüm şu şekildedir ..

0

Bubenim için çalıştı:

$('#chat_list').append(new Option(this.subject, this.key_remote_jid));

2

İşte alternatif bir çözümdür. Bu benim için çalıştı.

$('#yourSelectBoxId').append("<option value='Saab'>Saab</option>"); 
İlgili konular