没有内容的文本框的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);

洞帮助某人。