jquery를 사용하여 select 요소의 옵션을 동적으로 만드는 방법은 무엇입니까?

Question

아약스 호출을 통해 select 요소의 옵션을 동적으로 생성해야합니다. 옵션 수와 그 내용은 다양합니다. 여기

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

는 더미 값 옵션 요소를 생성하는 나의 시도 중 하나입니다 :

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

하지만 선택의 외부에 추가 이것은 AJAX 호출하기 전에 모습입니다. 또한 텍스트를 어떻게 설정해야 할지도 모릅니다.

아이디어가 있으십니까? 정적 인 기존 옵션을 가진 기존 선택 양식을 채우는 것에 대해 몇 가지 질문을 보았지만 이와 같은 것은 아닙니다.

감사합니다.

Answer 1

여기가 .select-group입니까? 당신이 #groupid의 ID를 사용하는 경우 다음이 내가 제대로 이해하면

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

DEMO

이 .select-group 다만, 아래는 당신이 필요로하는 것입니다 ...

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

Answer 2

잘 작동 선택기입니다한다 <select></select>

Answer 3

여기 해결책입니다.

Answer 4

이 3,516,은 나를 위해 일한 :

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

Answer 5

여기 대안 솔루션입니다. 이것은 나를 위해 일했다.

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