本文共 1748 字,大约阅读时间需要 5 分钟。
今天碰到了一个没有使用任何框架的表单,大概包含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就是整个表单里的值了