没有内容的文本框的Jquery克隆

Question

我可以在没有内容的情况下克隆一个文本框吗？意味着如果我在克隆后在文本框中输入一些值我想要一个空的文本框。这可能吗？或者jquery clone将其作为innerHtml返回？

Answer 1

默认情况下，克隆会复制当前具有<input>的值，但您可以在克隆时清除它，例如：

var clone = $(".myInput").clone(true).val("");

根据你的评论，克隆行时你需要这样的东西：

var newRow = $(this).closest('tr').clone(true).appendTo('table')
                                  .find('input').val('');

Answer 2

只需将克隆文本框的值设置为空字符串，如下所示：

<强> HTML：

<input id="source" type="textbox" value="Some text..." />
<div id="target"></div>

<强> JavaScript的：

$(function() {
    $("#source").clone().val("").appendTo("#target");
});

示例： http://jsfiddle.net/X5x4L/

编辑：也适用于textarea，请参阅：http://jsfiddle.net/X5x4L/1/

Answer 3

在我的情况下，我在表单中有很多字段，所以在克隆之后使它们全部为空：

$('.user-address:first').clone().appendTo('.user-addresses');
$('.user-address:last').find('[name]').val(null);

洞帮助某人。