Javascript 在jQuery中将值从一个输入传递到另一个输入

JSFIDLE供参考：

我想做的是，如果用户单击第二行的Add，新的表单元素就会显示在下面

然后，用户在新表单元素中键入一个数字，单击Add按钮，然后该数字将填充到第二行的串行输入中，新表单元素将被隐藏

我遇到的问题是，一旦用户输入新表单元素的编号，我如何知道如何将其发送回第二行

---

非常感谢。

呈现这些控件时，您需要在id中为每个控件提供一个序列号，这样您就可以轻松识别控件并添加值

---

检查这个工作样本

呈现这些控件时，您需要在id中为每个控件提供一个序列号，这样您就可以轻松识别控件并添加值

---

检查这个工作样本

您必须将参考值存储在全局变量中的某个位置，例如，指示单击哪个位置以显示序列号条目，或动态创建序列号条目，然后将其销毁。

您必须将参考值存储在全局变量中的某个位置，例如，指示单击哪个项以显示序列号条目，或动态创建序列号条目并随后销毁。

将当前行保存在变量中，然后从中筛选文本框以将值设置为：

---

将当前行保存在变量中，然后从中筛选文本框以将值设置为：

你可以做：

var index;
$(".addSerial").click(function(){
  index = $(this).closest('tr').index();
  console.log(index);  
   $("#serialAdd").toggle();
});

$("#submitSerial").click(function(){
   $('table tr:eq('+index+') input:first').val($("#serialToAdd").val());
   $("#serialAdd").toggle();
});

在这里拉小提琴

你可以做：

var index;
$(".addSerial").click(function(){
  index = $(this).closest('tr').index();
  console.log(index);  
   $("#serialAdd").toggle();
});

$("#submitSerial").click(function(){
   $('table tr:eq('+index+') input:first').val($("#serialToAdd").val());
   $("#serialAdd").toggle();
});

在这里拨弄

您可以使用jQuery的prev获取目标输入并保存它：

var activeField;

$(".addSerial").click(function(){
   $("#serialAdd").toggle(); 
    activeField = $(this).prev();
    return false;
});

$("#submitSerial").click(function(){
   $("#serialAdd").toggle(); 
   activeField.val( $("#serialToAdd").val() ); 
    $("#serialToAdd").val("")
});

演示：

您可以使用jQuery的prev获取目标输入并保存它：

var activeField;

$(".addSerial").click(function(){
   $("#serialAdd").toggle(); 
    activeField = $(this).prev();
    return false;
});

$("#submitSerial").click(function(){
   $("#serialAdd").toggle(); 
   activeField.val( $("#serialToAdd").val() ); 
    $("#serialToAdd").val("")
});

---

演示：

当前显示新行时，当用户在另一行上单击“添加”时会发生什么情况？是忘记了旧的添加尝试，还是用户可以同时为N行创建添加框？在这种情况下，我认为使用jQueryUI对话框为您提供更好的服务。谢谢大家的建议！当前显示新行时，当用户单击另一行上的“添加”时会发生什么情况？是忘记了旧的添加尝试，还是用户可以同时为N行创建添加框？在这种情况下，我认为使用jQueryUI对话框为您提供更好的服务。谢谢大家的建议！