Question

这是我的代码..我有2个单独的东西正常工作，现在我想整合它们。从另一个字段获取输入的文本字段和用于添加新字段的按钮。当我添加一个新字段时，我得到一个空白字段，但我想匹配填充的字段..

我也有这个小提琴：http://jsfiddle.net/miketrujillo/nV2tA/light/

HTML：

<input type="text" name="input" id="input" size="30" value="Your Name">
<input type="text" id="name" size="30" value="">

<a href="#" id="addScnt">Add A Box</a>

<div id="namess">
<p>
<label for="names">
</label>
</p>
</div>

JQuery的：

var $name = $("#name");

$("#input").keyup(function () {
$name.val(this.value);
});

$(function () {
var scntDiv = $('#namess');
var i = $('#namess p').size() + 1;

$('#addScnt').live('click', function () {
    $('<p><label for="names"><input type="text" name="names_' + i + '" id="name" size="30" value=""></label><a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
    i++;
    return false;
});

$('#remScnt').live('click', function () {
    if (i > 2) {
        $(this).parents('p').remove();
        i--;
    }
    return false;
});
});

在初始框中我有id =“name”并且它可以工作，但它不适用于新框。我也尝试将keyup函数添加到click函数中，但没有任何用处。

Answer 1

尝试做：

<input type="text" name="names_' + i + '" id="name" size="30" value="' + $name.val() + '">

但是，如果您希望新文本字段像原始字段一样更新，您应该查看其他一些jQuery函数，例如.each()

尝试添加保留其他字段内容的新文本字段

1 个答案: