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

2015-03-19 09:44:14 435 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

xiaosong2008 墨衍会员 · AI 创作全网分发关注 + 加入社区

emWin下拉列表与编辑框控件深度解析：从API到实战应用在嵌入式GUI开发中，控件是构建人机交互界面的基础组件，其核心原理在于通过消息循环和事件驱动机制响应用户输入。理解控件的内部工作机制，如焦点管理、状态切换和渲染流程，对于实现稳定高效的界面至关重要。从技术价值看，精心设计的控件不仅能提升用户体验，还能通过合理的资源管理和事件处理优化系统性能。在嵌入式系统、工业HMI和物联网设备等应用场景中，下拉列表（DROPDOWN）和编辑框（EDIT）作为表单交互的核心，其正确配置与深度定制直接决定了配置页面和数据录入的可靠性。本文将聚焦emWin图形库，深入剖析这两个控阅读详情

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

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

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

请问该如何实现？

...全文

从Lotus Notes到Office 365数据迁移：策略、工具与实战避坑指南企业数据迁移是现代IT架构演进中的关键环节，其核心原理在于将数据与应用从旧有封闭系统安全、完整地转移至开放、集成的云平台。这一过程的技术价值在于打破信息孤岛，实现数据的现代化管理与高效协作，广泛应用于系统升级、云化转型等场景。本文将聚焦于从IBM Lotus Notes/Domino到微软Office 365的特定迁移路径，深入剖析**分阶段迁移**策略与**数据保真度**等核心考量，为面临类似老旧系统换代挑战的团队提供经过验证的工程实践方案。阅读详情

xiaosong2008

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

xiaosong2008 2015-03-20

打赏
举报

引用 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标签变为相应的数量，以输入相应数量的设备信息，请问我这样的写法有什么问题？如何更正？谢谢！

xiaosong2008 2015-03-20

打赏
举报

引用 4 楼 ohmygirl 的回复:

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

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

xiaosong2008 2015-03-20

打赏
举报

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

xiaosong2008 2015-03-20

打赏
举报

引用 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()事件请再帮忙看看，谢谢!

wx8849 2015-03-20

打赏
举报


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

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

wx8849 2015-03-20

打赏
举报

引用 7 楼 xiaosong2008 的回复:

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

xiaosong2008 2015-03-19

打赏
举报

就是说，在图1中的数量框中输入数量，比如3，则图2中的设备填报表单项数（图中红色方框部分）：

变为3个，输入数量增加或减少，图2中的设备填报表单相应增加或减少请大家帮忙看看，谢谢!

calvinhkf 2015-03-19

打赏
举报

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

ohmygirl 2015-03-19

打赏
举报

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

xiaosong2008 2015-03-19

打赏
举报

请大家帮忙看看，谢谢！

xiaosong2008 2015-03-19

打赏
举报

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

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

相关推荐