2011-07-28 3 views
0

나는 <select> 필드를 가지고 있습니다.<option>을 선택하고 교체하려면 어떻게해야합니까?

<select name="select-states" disabled="disabled"><option value="">Choose State &raquo;</option></select> 

난 그냥 <option> 여러 요소를 포함 아약스 스크립트로부터받은 응답과 <select> 내부 교체하고 싶습니다.

id 속성을 사용하지 않고 <select name = "select-states">의 하위 인 <option>을 선택하는 선택기를 알고 싶습니다. 이처럼

답변

1

의 아약스 응답이있는 옵션

$('select[name=select-states]').html(AjaxResponseHtml) 
+0

선택한 옵션 요소의 내부 html을 설정합니다 – Pavlonator

+0

$() .html()은 innerHTML을 설정/검색하지만 요소를 대체하지 않습니다. $ ('select [name = select-states] 옵션') .html (AjaxResponseHtml)은 옵션 – Pavlonator

+0

을 대체하지 않습니다. 죄송합니다. 셀렉터 thaks에서'option'을 제거하는 것을 잊어 버렸습니다. –

2
$('select[name=select-states] option'); 
+0

$ ('select [name = select-states] 옵션'). replaceWith ('받은 HTML'); – Pavlonator

0
$(":select[name='elect-states']").find("option") 
1

: 당신이 <option> 요소 (그리고 <select> 내부의 무엇이든을) 바꾸려면

$('select[name="elect-states"]').empty().append(function() { 
    var str = ''; 

    // construct HTML string from Ajax-response data 

    return str; 
}); 
0

는이 작업을 수행 :

jQuery를에 싸여 당신의 AJAX 호출의 결과입니다
1

, 당신은 사용해야합니다

$('select[name="select-states"] option') 
0
$('select[name="select-states"] option').replaceWith(jQueryAjaxWrapper); 

:

$('select[name=select-states] option') 

교체하는 옵션

$('select[name=select-states] option:selected') 

에게 선택받을 수있는 모든 옵션을 얻을 P

+0

이 하나가 맞지만 Mike Thomsen의 답변을 반복하십시오 – Pavlonator

관련 문제