带有 <option> 标记的 JQuery ".html()" 方法

Question

我正在尝试使用 JQuery 格式化表单，编辑 div 的 html。

假设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

查看http://jsfiddle.net/pratik136/kTGAe/

代码对我来说似乎可以正常工作。

Answer 2

我将假设您有一些额外的代码不会显示，因此您最好的办法是尝试拆分所有内容。

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/