如何实现表单中输入数量后，对应表单项数相应增加或减少？

[xiaosong2008]

我在做的一个填报设备相关的系统，输入设备数量后，要求录入每个设备的详细信息：
如图1，先输入数量：

在这里输入数量后，再输入各个设备的详细信息：

我想实现的是，输入数量后，对应的设备项数做相应增加或减少。

请问该如何实现？

[xiaosong2008]

图中红色方框部分只能输入1个设备的信息，在图1中的数量框中输入数量，比如3，则图2中的设备填报表单项数（即图中红色方框部分）变为3个，以输入3个设备信息，输入数量增加或减少，图2中的设备填报表单相应增加或减少

[xiaosong2008]

请大家帮忙看看，谢谢！

[ohmygirl]

假设表单1和表单2中的对应input分别是a, b 则，$(a).change(function(){ $(b).val( $(a).val() ); }); 是这个意思么。

[calvinhkf]

用jQuery 的append可以动态添加表单项,你可以在选择项值改变后,触发动态添加表单项的函数,append里面写入你的表单html代码.

[xiaosong2008]

就是说，在图1中的数量框中输入数量，比如3，则图2中的设备填报表单项数（图中红色方框部分）： 变为3个，输入数量增加或减少，图2中的设备填报表单相应增加或减少 请大家帮忙看看，谢谢!

[wx8849]

引用 7 楼 xiaosong2008 的回复:

[quote=引用 5 楼 u013082750 的回复:] 用jQuery 的append可以动态添加表单项,你可以在选择项值改变后,触发动态添加表单项的函数,append里面写入你的表单html代码.

现在我是这样写的： 在图1中的数量输入文本框中加入了onchange函数，触发appendPshebei()函数： <input name="txtShebeisl" type="text" id="txtShebeisl" size="6" onchange="appendPshebei()" /> appendPshebei()函数我是这样写的： <script language="javascript"> function appendPshebei() { $("pShebei").append(pShebei); } end function </script> pShebei为图2中红色方框部分（标签为P）的Id 我想实现在图1中的数量文本框中输入设备数量后，图2中表单中Id为pShebei的P标签变为相应的数量，以输入相应数量的设备信息，请问我这样的写法有什么问题？如何更正？谢谢！[/quote] 这里添加方法错了吧！ 是不是少个#好？

[wx8849]

  function appendPshebei()
   {
      for(var i=0;i<$("#txtShebeisl").val();i++)
{
       $("#pShebei").append(pShebei);
   }
}

这里根据输入的数量去循环添加

[xiaosong2008]

引用 9 楼 wx8849 的回复:

  function appendPshebei()
   {
      for(var i=0;i<$("#txtShebeisl").val();i++)
{
       $("#pShebei").append(pShebei);
   }
}

这里根据输入的数量去循环添加

谢谢！您的思路是对的！但根据您的代码进行了修改，可在图1中的数量文本框中输入正整数后，没有什么反应？ 我要实现的是图2中的<p id="pShebei"><p>（即红色方框部门）后添加同样的p元素，以输入图1中数量文本框中相应数量的设备信息，改成： function appendPshebei() { for(var i=0;i<$("#txtShebeisl").val();i++) { $("#pShebei").after(pShebei); } } 也不行 我引用的是jquery-1.11.2.min.js，中间加入window.alert(i);测试，可以弹出相应的数字，证明图1中txtShebeisl的数量发生变化了，触发了appendPshebei()事件 请再帮忙看看，谢谢!

[xiaosong2008]

本人在Jquery方面比较菜，请大家帮忙看看，谢谢！

[xiaosong2008]

引用 4 楼 ohmygirl 的回复:

假设表单1和表单2中的对应input分别是a, b 则，$(a).change(function(){ $(b).val( $(a).val() ); }); 是这个意思么。

图2中的设备信息输入表单项目前只有1项，只能输入1个设备的相关信息，我是想在图1中的数量框中输入设备数量后，图2中的表单项相应增加或减少，以输入相应数量的设备信息

[xiaosong2008]

引用 5 楼 u013082750 的回复:

用jQuery 的append可以动态添加表单项,你可以在选择项值改变后,触发动态添加表单项的函数,append里面写入你的表单html代码.

现在我是这样写的： 在图1中的数量输入文本框中加入了onchange函数，触发appendPshebei()函数： <input name="txtShebeisl" type="text" id="txtShebeisl" size="6" onchange="appendPshebei()" /> appendPshebei()函数我是这样写的： <script language="javascript"> function appendPshebei() { $("pShebei").append(pShebei); } end function </script> pShebei为图2中红色方框部分（标签为P）的Id 我想实现在图1中的数量文本框中输入设备数量后，图2中表单中Id为pShebei的P标签变为相应的数量，以输入相应数量的设备信息，请问我这样的写法有什么问题？如何更正？谢谢！