博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS之原生JS获取表单得所有值
阅读量:6161 次
发布时间:2019-06-21

本文共 1748 字,大约阅读时间需要 5 分钟。

版权声明:本文为博主原创文章,未经博主允许不得转载。博客源地址为zhixiang.org.cn https://blog.csdn.net/myFirstCN/article/details/80870892

今天碰到了一个没有使用任何框架的表单,大概包含20多个属性,简单抽取几个:

  
 
 
 

当我要获取它的值时发现如果我要是写上20多个document.getElementById也太low了吧,所以就自己动手封装了一个小方法

function(formId){	var from=document.getElementById(formId);	var tagElements=from.getElementsByClassName('el-input');//这里我把所有我要获取值得属性都使用了同一个类来标识;	var json={};	  for (var j = 0; j < tagElements.length; j++){  			var name=tagElements[j].name;//这里就是要获取得name属性,将此name属性作为json对象得key;			var value=tagElements[j].value;	  		json[name] = value; 	//注意这里必须要使用这种方式给json赋值。如果使用json.name=value得话你会发现你所有的key都是一个字符串name,而不是name代表的值	  }  	return json;}

此方法最后返回的json就是整个表单里的值了

今天碰到了一个没有使用任何框架的表单,大概包含20多个属性,简单抽取几个:

  
 
 
 

当我要获取它的值时发现如果我要是写上20多个document.getElementById也太low了吧,所以就自己动手封装了一个小方法

function(formId){	var from=document.getElementById(formId);	var tagElements=from.getElementsByClassName('el-input');//这里我把所有我要获取值得属性都使用了同一个类来标识;	var json={};	  for (var j = 0; j < tagElements.length; j++){  			var name=tagElements[j].name;//这里就是要获取得name属性,将此name属性作为json对象得key;			var value=tagElements[j].value;	  		json[name] = value; 	//注意这里必须要使用这种方式给json赋值。如果使用json.name=value得话你会发现你所有的key都是一个字符串name,而不是name代表的值	  }  	return json;}

此方法最后返回的json就是整个表单里的值了

你可能感兴趣的文章
Linux macos 常用终端操作
查看>>
企业网络的管理思路
查看>>
Linux磁盘分区与挂载
查看>>
J2se学习笔记一
查看>>
DNS视图及日志系统
查看>>
老李分享:Android性能优化之内存泄漏 3
查看>>
mysql命令
查看>>
来自极客标签10款最新设计素材-系列七
查看>>
极客技术专题【009期】:web技术开发小技巧
查看>>
PHP 简单计算器代码实现
查看>>
正则表达式的知识普及
查看>>
docker使用笔记
查看>>
华为eNSP模拟器上实现FTP服务
查看>>
【全球AI人才排行榜】美国第一,中国仅排名第7
查看>>
微信小程序输入框input
查看>>
MySql字符串函数使用技巧
查看>>
Doc2Vec,Word2Vec文本相似度 初体验。
查看>>
系统ghost后变成一个盘了别的分区的文件怎么找回
查看>>
Win7+Ubuntu11
查看>>
请问华为三层交换机里面的那个从IP是个什么意思? -
查看>>