<option> 태그가있는 JQuery ".html()"메서드

Question

div의 html을 편집하여 JQuery를 사용하여 양식의 서식을 지정하려고합니다.

다음과 같이 HTML 파일의 관련 섹션은 가정 :이 양식에서

<div id="genForm"> 
</div> 

, 내가 사용해야합니다 입력 "을 선택합니다." 다음과 같이 그러나

$("#genForm").html("<form action=\"apply.php\" method=\"post\"><select></select></form>") 

, <option> 태그가 추가되는 순간 :

다음 jQuery 코드는 오류없이 작동

는

$("#genForm").html("<form action=\"apply.php\" method=\"post\"><select><option></option></select></form>") 

코드는 완전히 파괴와 HTML을 편집 거부 나를 비워 둔다. <div>.

나는 이런 일이 벌어지는 이유에 대해 완전히 단서가 없습니다. 제발 조언.

Answer 1

나는 당신이 보여줄 수없는 몇 가지 추가 코드를 가지고 있다고 가정 할 것이므로 최선의 방법은 모든 것을 나눠서 시도하는 것입니다.

var _form = $("<form action=\"apply.php\" method=\"post\"></form>"); 
var _sel = $("<select name='selectName'></select>"); 

_sel.append("<option value='0'>Select</option>"); 
_sel.append("<option value='1'>It's me</option>"); 
_sel.append("<option value='2'>Again</option>"); 
_form.append(_sel); 

$("#genForm").append(_form); // or use .html() alternatively. 

jQuery가 노드를 생성합니다. jQuery는 모두 알고 있습니다.

편집 : 방금 추가 jsFiddle 링크 (! 와우 것은 멋지다)

http://jsfiddle.net/QpQHN/4/

Answer 2

체크 아웃 http://jsfiddle.net/pratik136/kTGAe/

코드는 나를 위해 제대로 작동하는 것 같다.