jquery lub JS utwórz element potomny i przypisz ID

Question

Pracowałem nad tym i trochę utknąłem. Nie mogę znaleźć bezpośredniej odpowiedzi, więc zapytam.

Tworzę listę opcji z połączenia JSON. Stworzyłem elementy potomne, ale nie mogę dodać unikalnych identyfikatorów (przechowywanych w JSON) do każdego elementu. Kiedy utworzę identyfikator wewnątrz $ .each JSON, otrzymam ostatni identyfikator z połączenia przypisanego do wszystkich opcji.

Dzięki

$("#fDistList").append('<option>' + item.GROUP_NAME + '</option>'); 
$("option").attr('id', item.ID); 

Answer 1

Spróbuj

$("#fDistList").append('<option id="'+ item.ID + '">' + item.GROUP_NAME + '</option>'); 

Kiedy robisz

$("option").attr('id', item.ID); 

jesteś ponownego wybierania wszystkie option elementy i ustawienie ich atrybut ID.

Answer 2

Można zrobić to w ten sposób, w jednym przejściu

$('<option/>',{ 
     text: item.GROUP_NAME, 
     id:item.ID 
    }).appendTo('#fDistList');