Javascript 动态添加和删除文本框，并使用jQuery获取动态文本框的值，并将其显示在文本框中

我有一些代码，您可以在jquery中使用.append（）和.remove（）添加或删除文本框，现在我想对文本框中由逗号分隔的所有值进行内爆，并将其传递到位于脚本外部的另一个文本框中。我怎么做？下面是动态添加和删除文本框的代码。（不是我的，我刚从stackoverflow拿到的） HTML:

javascript:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("#btnAdd").bind("click", function () {
    var div = $("<div />");
    div.html(GetDynamicTextBox(""));
    $("#TextBoxContainer").append(div);
});
$("#btnGet").bind("click", function () {
    var values = "";
    $("input[name=DynamicTextBox]").each(function () {
        values += $(this).val() + "\n";
    });
    alert(values);
});
$("body").on("click", ".remove", function () {
    $(this).closest("div").remove();
});
});
function GetDynamicTextBox(value) {
return '<input name = "DynamicTextBox" type="text" value = "' + value + '" />&nbsp;' +
        '<input type="button" value="Remove" class="remove" />'
}
</script>

$（函数（）{
$（“#btnAdd”）.bind（“单击”，函数（）{
var div=$（“”）；
div.html（GetDynamicTextBox（“”）；
$（“#TextBoxContainer”）.append（div）；
});
$（“#btnGet”）.bind（“单击”，函数（）{
var值=”；
$（“输入[name=DynamicTextBox]”）。每个（函数（）{
值+=$（this）.val（）+“\n”；
});
警报（数值）；
});
$（“正文”）。在（“单击”，“删除”，函数（）{
$（this）.closest（“div”）.remove（）；
});
});
函数GetDynamicTextBox（值）{
返回“”+
''
}

使用

.val（）

将“另一个文本框”的

值设置为
值


$（函数（）{
$（“#btnAdd”）.bind（“单击”，函数（）{
var div=$（“”）；
div.html（GetDynamicTextBox（“”）；
$（“#TextBoxContainer”）.append（div）；
});
$（“#btnGet”）.bind（“单击”，函数（）{
var值=
$.map（$（“输入[name=DynamicTextBox]”），函数（el）{
返回el.value
}).join（“，\n”）；
$（“#另一个文本框”）.val（值）；
});
$（“body”）。在（“单击”，“删除”，函数（）上）{
$（this）.closest（“div”）.remove（）；
});
});
函数GetDynamicTextBox（值）{
返回“”+
''
}







使用
.val（）
将“另一个文本框”的
值设置为
值


$（函数（）{
$（“#btnAdd”）.bind（“单击”，函数（）{
var div=$（“”）；
div.html（GetDynamicTextBox（“”）；
$（“#TextBoxContainer”）.append（div）；
});
$（“#btnGet”）.bind（“单击”，函数（）{
var值=
$.map（$（“输入[name=DynamicTextBox]”），函数（el）{
返回el.value
}).join（“，\n”）；
$（“#另一个文本框”）.val（值）；
});
$（“body”）。在（“单击”，“删除”，函数（）上）{
$（this）.closest（“div”）.remove（）；
});
});
函数GetDynamicTextBox（值）{
返回“”+
''
}







“现在我想将所有文本框的值用逗号分隔，并将其传递到脚本外部的另一个文本框中”哪个元素是“另一个文本框”？或者，应该动态创建“另一个文本框”吗？我现在真的需要它，请！哪个元素是“另一个文本框”，其中应设置
值
？哦，我忘了为容器放置另一个文本框，抱歉，正如我上面所说的，代码不是我的，当你按“get value”（获取值）按钮时，一个警报将显示文本框中的所有值，但是我想把它放在一个文本框中，而不是在警报中显示“现在我想内爆用逗号分隔的文本框的所有值，并将其传递到脚本外部的另一个文本框”哪个元素是“另一个文本框”？或者，应该动态创建“另一个文本框”吗？我现在真的需要它，请！哪个元素是“另一个文本框”，其中应设置
值
？哦，我忘了为容器放置另一个文本框，抱歉，正如我上面所说的，代码不是我的，当你按“get value”（获取值）按钮时，一个警报将显示文本框中的所有值，但我想把它放在一个文本框中，而不是在上面的stacksnippets中稍微调整一下的alert中显示；同样的方法是的，很抱歉，这是我第一次问这个问题。在上面的stacksnippets处稍微调整；同样的方法是的，很抱歉，这是我第一次问这个问题。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("#btnAdd").bind("click", function () {
    var div = $("<div />");
    div.html(GetDynamicTextBox(""));
    $("#TextBoxContainer").append(div);
});
$("#btnGet").bind("click", function () {
    var values = "";
    $("input[name=DynamicTextBox]").each(function () {
        values += $(this).val() + "\n";
    });
    alert(values);
});
$("body").on("click", ".remove", function () {
    $(this).closest("div").remove();
});
});
function GetDynamicTextBox(value) {
return '<input name = "DynamicTextBox" type="text" value = "' + value + '" />&nbsp;' +
        '<input type="button" value="Remove" class="remove" />'
}
</script>