<option>タグ付きのJQuery ".html（）"メソッド

Question

divのhtmlを編集してJQueryを使用してフォームの書式を設定しようとしています。

は、次のようにhtmlファイルの関連セクションがあると仮定します。この形式では

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

を、私は入力を「選択」を使用しなければなりません。

次のjQueryコードがエラーなしで動作します：

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

はしかし、次のように<option>タグは、追加された瞬間：

$("#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リンク（WOW！その事がクールである）

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

Answer 2

チェックアウトhttp://jsfiddle.net/pratik136/kTGAe/

コードは私のために正常に動作するようです。