javascript - 向表单添加字段 (jQuery)

Question

我正在构建一个表单。那里没问题。除了提交按钮之外，我还有另一个按钮，单击该按钮会向表单添加另一个字段。我正在尝试使用 javascript (jquery) 来执行此操作。不用说我没有任何运气。 我尝试了很多不同的方法，这是我放弃的方法:

$("#snew").click(function () {  
var container = $("#sblc").add("div");
var content = "<select> <option>Domestic</option><option>Tiger</option><option>Peeled                  Raw</option><option>Cooked Peeled Tail On<option></select><select> <option>1 lbs</option>   <option>2 lbs</option><option>3 lbs</option></select>";

                $(container).attr("class", "opt");
                $(container).append(content); 
                $(container).appendTo("#sblc"); 

            })

下面是对应的 HTML: http://pastie.org/3729304 (我不知道如何让 HTML 在这里正确显示。抱歉提供了链接。)

每当我尝试这样做时，我最终要么得到一个完全白色的页面，要么什么也没有发生。 任何帮助将不胜感激。

Answer 1

尝试如下所示，

DEMO

$("#snew").click(function() {
    var container = $("<div />");
    var content = "<select> <option>Domestic</option><option>Tiger</option><option>Peeled                  Raw</option><option>Cooked Peeled Tail On<option></select><select> <option>1 lbs</option>   <option>2 lbs</option><option>3 lbs</option></select>";

    $(container)
        .attr("class", "opt") //add class to the div container
        .append(content)      //append select to the div
        .appendTo("#sblc");   //append div to #sblc

});