如何使用JQuery添加另一个表单元素

Question

我有一个很长的表单，里面有很多按钮和输入。这是一个例子：

<form>
    <p>#</p>
    <input type="button"  value="Inputs" />
        <input type="text" value="" />
</form>

我希望我不想克隆它，因为输入字段的数量将被扩展和更改。我正在考虑使用'.after（）'函数，但我必须做很多excape字符串。

有没有办法只是调用另一个函数并为了易读而退回？

Answer 1

我为什么要避免克隆而感到困惑。如果你构建要在表单外部克隆的对象并在一个div中使用style =“display：none”，然后在必要时克隆并将克隆的对象移动到带有insertafter（）之类的表单中，你不应该看到任何干扰你正在做的其他事情。

Answer 2

我不是100％肯定你的问题，但你可以用几种方式创建一个元素，这里有一对：

$('<input />', { id : 'some-id', type : 'text', value : 'some value' }).appendTo('form');

OR

$('<input id="some-id" type="text" value="some value" />').appendTo('form');

您也可以选择form元素并按此添加：

var $newElement = $('<input />', { id : 'some-id', type : 'text', value : 'some value' });
$('form').append($newelement);