js获取form表单中name属性的值


Posted in Javascript onFebruary 27, 2019

在项目中因为动态表单无法确定标签name属性的值,因此需要即时获取以便进行存储。前端代码如下:

<div class="control-group">
<label class="control-label">土拨鼠常挖坑</label>
<form:input path="formAttribute1" class="input-xlarge" value="" name="测试1"/></div>
<form:input path="formAttribute1" class="input-xlarge" value="" name="测试2"/></div>
<form:input path="formAttribute1" class="input-xlarge" value="" name="测试3"/></div>

1、attr:$("#formAttribute1").attr("name");然后得到的值是formAttribute1(有没有前辈能给我讲讲为什么呀)

2、prop:问题同上

3、在上述两种方式都失败后,整个人不行了。最后找到了一个相对可行的方式,对class属性做修改,获取全部值,然后通过<c:foreach>标签获取this.value  和this.name,并放入map中。具体操作可参考如下代码(与上面代码区别在于class属性,在此处添加了property作为标识,此处可自定义名称)

<div class="control-group">
<label class="control-label">土拨鼠常挖坑</label>
<form:input path="formAttribute1" class="input-xlarge property" value="" name="测试1"/></div>
<form:input path="formAttribute1" class="input-xlarge property" value="" name="测试2"/></div>
<form:input path="formAttribute1" class="input-xlarge property" value="" name="测试3"/></div>

JS方法如下:

<script type="text/javascript">
   $("#btnSubmit").on("click",function () { //事件绑定btnSubmit是信息填写完毕提交处的按键
     var propertyMap= {};
     $(".property").each(function () {
       propertyMap[this.name] = this.value;
     });
    var propertyInfo= JSON.stringify(propertyMap);
     alert($("#propertyInfo")
   });
 </script>

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
关于Jqzoom的使用心得 jquery放大镜效果插件
Apr 12 Javascript
推荐40个简单的 jQuery 导航插件和教程(下篇)
Sep 14 Javascript
textarea 控制输入字符字节数(示例代码)
Dec 27 Javascript
Javascript常用字符串判断函数代码分享
Dec 08 Javascript
JavaScript实现SHA-1加密算法的方法
Mar 11 Javascript
深入浅出理解javaScript原型链
May 09 Javascript
jqGrid用法汇总(全经典)
Jun 28 Javascript
json与jsonp知识小结(推荐)
Aug 16 Javascript
5种JavaScript脚本加载的方式
Jan 16 Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 Javascript
微信小程序实现YDUI的ScrollNav组件
Feb 02 Javascript
解决VUE中document.body.scrollTop为0的问题
Sep 15 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
Feb 27 #Javascript
jQuery each和js forEach用法比较
Feb 27 #jQuery
JavaScript遍历数组的三种方法map、forEach与filter实例详解
Feb 27 #Javascript
Vue CLI 2.x搭建vue(目录最全分析)
Feb 27 #Javascript
JavaScript中filter的用法实例分析
Feb 27 #Javascript
jQuery中each和js中forEach的区别分析
Feb 27 #jQuery
简单了解node npm cnpm的具体使用方法
Feb 27 #Javascript
You might like
php中获取远程客户端的真实ip地址的方法
2011/08/03 PHP
浅谈php自定义错误日志
2015/02/13 PHP
php强制用户转向www域名的方法
2015/06/19 PHP
详解PHP错误日志的获取方法
2015/07/20 PHP
php抓取并保存网站图片的实现代码
2015/10/28 PHP
Laravel框架中自定义模板指令总结
2017/12/17 PHP
jquery1.4后 jqDrag 拖动 不可用
2010/02/06 Javascript
Javascript Function对象扩展之延时执行函数
2010/07/06 Javascript
js Array对象的扩展函数代码
2013/04/24 Javascript
jquery防止重复执行动画避免页面混乱
2014/04/22 Javascript
JavaScript数组常用操作技巧汇总
2014/11/17 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
js Calender控件使用详解
2015/01/05 Javascript
在AngularJS应用中实现一些动画效果的代码
2015/06/18 Javascript
laravel-admin 与 vue 结合使用实例代码详解
2019/06/04 Javascript
小程序如何定位所在城市及发起周边搜索
2020/02/11 Javascript
Python编程语言的35个与众不同之处(语言特征和使用技巧)
2014/07/07 Python
python模拟鼠标拖动操作的方法
2015/03/11 Python
在Windows服务器下用Apache和mod_wsgi配置Python应用的教程
2015/05/06 Python
Python KMeans聚类问题分析
2018/02/23 Python
python实现简单http服务器功能
2018/09/17 Python
python 实现对文件夹中的图像连续重命名方法
2018/10/25 Python
python将txt文件读入为np.array的方法
2018/10/30 Python
详解Python3定时器任务代码
2019/09/23 Python
Python使用psutil获取进程信息的例子
2019/12/17 Python
使用TFRecord存取多个数据案例
2020/02/17 Python
Python通过Tesseract库实现文字识别
2020/03/05 Python
python+gdal+遥感图像拼接(mosaic)的实例
2020/03/10 Python
pycharm的python_stubs问题
2020/04/08 Python
Python基于进程池实现多进程过程解析
2020/04/30 Python
澳大利亚第一旅行车和房车配件店:Caravan RV Camping
2020/12/26 全球购物
保密普查工作实施方案
2014/02/25 职场文书
研讨会致辞
2015/07/31 职场文书
2016国庆节活动宣传语
2015/11/25 职场文书
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript
安装harbor作为docker镜像仓库的问题
2022/06/14 Servers