动态生成的多个select表单提交到后台
来源:互联网 发布:caffe cudnn 编辑:程序博客网 时间:2024/06/12 23:29
实现思路
- 在数据库中count计算出复制到前台模板数组的长度。
- 在前台模板中,将数组长度存储在div中。
- 使用jq获取长度l,并存储在js中,给每一个select下拉框添加class值。
- js中使用一个for循环。
- 待续
/这些是废话。。。。。/
新的实现思路
- 给所有select选项设定class属性。
- 给所有的class的添加each function (){ }操作
- $(this).attr();
- 待续……….
- 上代码
<script type="text/javascript"> function sm(){ var data = new Array(); var change_price =new Array(); //对选中的option进行操作 $("option:selected").each(function(){ var id=$(this).attr('data-id'); var detail_price=$(this).attr('id'); //价格 data.push(parseInt(id)); //id数组 change_price.push(parseInt(detail_price)); //每项价格数组 }); if ($.inArray(0,data)==-1) { //0代表select没有选择,如果返回-1说明0在数组中不存在,所有select都已经被选择。 var price=parseInt($('.phonename').attr('id')); var result = 0; for(var i=0;i<change_price.length;i++){ result += change_price[i]; } var price=result+price; $('#form').submit(); }else { alert('您好像还有数据没有填写完整'); } } </script>
- 这是一个手机估价功能。
- 后台提供手机各个属性报价及手机初始价格。
- id中存放手机初始价格和属性价格,data-id存放属性id(需要传递到后台,以供存储)。
- 其中inArray判断是否所有select是否均被选中。
- 特别注意,jq获取的值需要使用parseInt进行数据类型强制转换,由string转换成int,否则的话会inArray会一直返回-1。
- 这样可以减轻后台压力,能在前端完成的操作都在前端进行。
阅读全文
1 0
- 动态生成的多个select表单提交到后台
- 【easyui】 jq 表单返回的数据,动态增加部分数据后,提交到后台进行处理
- 设置select下拉框只读,提交表单前,设置可读,这样可以提交数据到后台
- 动态生成表单提交路径
- jquery动态生成表单提交
- js同时提交多个Form表单数据至后台的拼装处理
- 前端页面表单提交多个name相同的input框,后台接收方法
- 一个表单,多个提交按钮,提交到不同的action
- js 提交表单到后台示例
- form表单—提交文件到后台
- springmvc 表单提交到后台乱码问题
- JSP通过表单提交到后台乱码
- 关于struts2提交表单到后台
- extjs设置表单元素为disable后表单无法提交参数到后台的问题
- form表单提交,后台怎么获取select的值?后台直接获取即可,和input方式一样。
- ssh用ajax提交表单到后台,后台返回success,不跳转到在struts.xml中设置的页面
- js动态添加div 用于java后台的form表单的提交
- select关于表单提交的问题
- hdu 6121 分治+思维
- 欢迎使用CSDN-markdown编辑器
- 51Nod 1384:全排列(递归求全排列)
- 深入了解bash与sh的区别
- 字典树
- 动态生成的多个select表单提交到后台
- sql 格式化时间
- LCM 埃拉托斯特尼素数筛法+位图改进
- 【HPU 1019 】985的买饮料难题 (dp)
- 表单验证常用的正则表达式
- js获取url 修改 参数值
- springcloud中的feign使用
- DK1.8源码分析之HashMap & LinkedHashMap迭代器(三)
- HDU-1019-Least Common Multiple