一,动态生成JS写法

  1. <script type="text/javascript">
  2. var numlist = new Array(, , , );
  3. function Additional() {
  4. var num = $("#AdditionalNum").val(); //定义的隐藏的保存当前在页面上存在的数量,最多五个
  5. if (num == ) {
  6. alert("最多加五个");
  7. return;
  8. }
  9. var deleteNo = numlist.shift();
  10. num++;
  11. var append = '<li class="list-group-item"><form class="form-inline" role="form" action="#">';
  12. append += ' <input type="text" class="form-control" name="Text' + deleteNo + '" placeholder="名称2"> <input type="text" class="form-control" id="Text4" placeholder="名称2">';
  13. append += '<input type="button" id="Button1" value="确定" class="btn btn-info"></form></li>';
  14. $("#AdditionalList").append(append);
  15. $("#AdditionalNum").val(num);
  16. Maopao(numlist);
  17. //alert(num);
  18. }
  19. function AdditionalRemove(obj, id) {
  20. var num = $("#AdditionalNum").val(); //定义的隐藏的保存当前在页面上存在的数量删除是减少
  21. num--;
  22. $(obj).parent().parent().parent().parent().remove(); //移除父节点
  23. $("#AdditionalNum").val(num); //定义的隐藏的保存当前在页面上存在的数量
  24. numlist.push(id);
  25. }
  26. function Maopao(obj) {
  27. for (var i = ; i < obj.length - ; i++) {
  28. if (obj[i] > obj[i + ]) {
  29. var temp = obj[i];
  30. obj[i] = obj[i + ];
  31. obj[i + ] = temp;
  32. }
  33. }
  34. }
  35. </script>

二,MCV后台获取代码

  1. public ActionResult Test(FormCollection collection)
  2. {
  3. //var inputCount = 0; //可以动态获取文本框的数量,这里定义为五个
  4. var inputValues = new List<string>();//将提交过来的输入框的值放到这个集合
  5.  
  6. for (int i = ; i <= ; i++)
  7. {
  8. if (!string.IsNullOrEmpty(collection["Test" + i]))
  9. {
  10. inputValues.Add(collection["Test" + i]);
  11. }
  12. }
  13. return RedirectToAction("Index");
  14. }

三,总结

1,用为空性判断,如果输入的为空则会过滤,以至于不会将空值插入到数据库报错

2,前端遍历生成的input的Name不能相同,则需要处理,如上例子

MVC:页面提交JQ动态生成的输入框的值得解决方案:的更多相关文章

  1. .Net Mvc 返回Json,动态生成EasyUI Tree

    最近做一个项目,开始接触EasyUI,感觉很强大,很适合我这种对前台不是很感冒的人.在学习Tree的过程中,感觉网上的资料挺乱的,很多只是把EasyUI API 抄了一遍.现在把最近这段时间的学到的, ...

  2. JQ动态生成节点绑定事件无效问题

    最近做项目的时候遇见了一个问题,通过jq将动态节点绑定到dom节点上,并且为动态节点绑定方法,此方法再次为动态节点添加动态节点,但在刷新之后,动态节点上的方法失效了,过程为:创建动态节点->动态 ...

  3. JQ动态生成的元素,原事件绑定失效

    Old Code: $('code').click(function () { console.log($(this).text()); }); New Code:(.container 是<c ...

  4. 解决 Vue 动态生成 el-checkbox 点击无法赋值问题

    博客地址:https://ainyi.com/68 最近遇到一个问题,在一个页面需要动态渲染页面内的表单,其中包括 checkbox 表单类型,并且使用 Element 组件 UI 时,此时 v-mo ...

  5. ArcGIS API For Javascript :如何动态生成 token 加载权限分配的地图服务?

    一.需求 项目中我们通常会遇到为外协团队.合作友商提供地图服务的需求,因此对地图服务的权限需要做出分配. 二.现状 主流的办法是用用户和角色来控制,通常使用代理方式和用户名密码的方式来实现. 三.思路 ...

  6. 编辑表格输入内容、根据input输入框输入数字动态生成表格行数、编辑表格内容提交传给后台数据处理

    编辑表格输入内容.根据input输入框输入数字动态生成表格行数.编辑表格内容提交传给后台数据处理 记录自己学习做的东西,写的小demo,希望对大家也有帮助! 代码如下: <!DOCTYPE ht ...

  7. 动态生成简约MVC请求接口|抛弃一切注解减少重复劳动吧

    背景 目前创建一个后端请求接口给别人提供服务,无论是使用SpringMVC方式注解,还是使用SpringCloud的Feign注解,都是需要填写好@RequestMap.@Controller.@Pa ...

  8. CGI实现页面的动态生成

    传统的Web应用开发局限于有限的静态页面(HTML静态页面),不利于系统的扩展,不能提供及时信息,而且修改维护麻烦,所以建立一个动态Web应用程序尤为重要.一方面根据访问者的不同请求返回不同的访问信息 ...

  9. C# 动态生成word文档 [C#学习笔记3]关于Main(string[ ] args)中args命令行参数 实现DataTables搜索框查询结果高亮显示 二维码神器QRCoder Asp.net MVC 中 CodeFirst 开发模式实例

    C# 动态生成word文档 本文以一个简单的小例子,简述利用C#语言开发word表格相关的知识,仅供学习分享使用,如有不足之处,还请指正. 在工程中引用word的动态库 在项目中,点击项目名称右键-- ...

随机推荐

  1. 【彩彩只能变身队(第七组)】Beta版本

    本篇博客包括前期博文汇总.任务墙.团队管理细节与交流细节.代码管理.Beta阶段冲刺.团队总结.用户使用报告.Postmortem报告. 服务器网址:http://47.106.227.154/ 彩彩 ...

  2. 牛客小白月赛16 H小阳的贝壳 (线段树+差分数组)

    链接:https://ac.nowcoder.com/acm/contest/949/H来源:牛客网 题目描述 小阳手中一共有 n 个贝壳,每个贝壳都有颜色,且初始第 i 个贝壳的颜色为 colico ...

  3. 笔记--NS_SWIFT_NAME与@objc区别与用途

    swift中使用Selector经常要在方法前面添加@objc,除了默认的@objc,其实我们还可以添加自己制定的swift中调用的函数名 @objc(pushToControllerName:par ...

  4. NOSQL导图

  5. 日常Git使用——2019年12月11日16:19:03

    1.git介绍 1.1 什么是git? 什么是Git? 比如一个项目,两个人同时参与开发,那么就把这个项目放在一个公共的地方,需要的时候都可以去获取,有什么改动,都可以进行提交. 为了做到这一点,就需 ...

  6. Go(三)面向对象

    封装数据和行为 数据封装 结构定义 type Employee struct { Id string Name string Age int } field后面没有逗号 实例创建及初始化 e := E ...

  7. js 运动框架-轻量级

    具体代码如下: function move(obj,json,sv,fnEnd){ //CSS样式值 function getStyle(obj,attr){ if(obj.currentStyle) ...

  8. 禁止打开 F12 开发者工具

    禁止F12 window.onkeydown = window.onkeyup = window.onkeypress = function (event) { // 判断是否按下F12,F12键码为 ...

  9. python的main函数

    代码示例:test.py import sys if __name__ == '__main__' size = len(sys.argv) p1 = sys.argv[] p2 = sys.argv ...

  10. Linux系统重要文件(三)

    一系统运行级别文件 文件路径:/etc/inittab 文件作用说明:定义系统启动后,自动开启哪些软件程序系统 runlevel 查看当前运行级别 centos6系统运行级别: 7个级别      0 ...