工具类
工具类:封装的JS/JQ对From表单操作方法,一键获取from数据,一键初始化From数据
1.获取指定form中的所有的input,select对象,封装map
代码:
//获取指定form中的所有的<input,select>对象,封装map
function getElements(formId) {
let form = document.getElementById(formId);
let elements = new Array();
let tagElements = form.getElementsByTagName('input');
for (let j = 0; j < tagElements.length; j++) {
elements.push(tagElements[j]);
}
tagElements = form.getElementsByTagName('select');
for (let j = 0; j < tagElements.length; j++) {
elements.push(tagElements[j]);
}
let data = new Map();
for (let i = 0; i < elements.length; i++) {
data.set(elements[i].name, elements[i].value.replace(/^\s+|\s+$/g, ""));
}
return data;
}
使用:
let map= getElements("id值");
2.获取指定form中的所有的input,select对象,封装对象
代码:
//获取指定form中的所有的<input,select>对象,封装对象
function getElementsToObject(formId) {
let form = document.getElementById(formId);
let elements = new Array();
let tagElements = form.getElementsByTagName('input');
for (let j = 0; j < tagElements.length; j++) {
elements.push(tagElements[j]);
}
tagElements = form.getElementsByTagName('select');
for (let j = 0; j < tagElements.length; j++) {
elements.push(tagElements[j]);
}
let jsonData = {};
for (let i = 0; i < elements.length; i++) {
let nameVal = elements[i].name;
let val = elements[i].value.replace(/^\s+|\s+$/g, "");
Object.defineProperty(jsonData, nameVal, {value: val, writable: true, enumerable: true, configurable: true})
}
return jsonData;
}
使用:
let jsonData = getElementsToObject("id值");
3.获取指定form中的所有的input,select对象,初始化值
代码:
//获取指定form中的所有的<input,select>对象,初始化值
function setElementsToFrom(formId, data) {
let form = document.getElementById(formId);
let tagElements = form.getElementsByTagName('input');
for (let j = 0; j < tagElements.length; j++) {
tagElements[j].value = data[tagElements[j].name];
}
tagElements = form.getElementsByTagName('select');
for (let j = 0; j < tagElements.length; j++) {
tagElements[j].value = data[tagElements[j].name];
}
}
使用:
setElementsToFrom("id值",{对象值});
4.获取指定form中的所有的input,select对象,初始化为空
代码:
//获取指定form中的所有的<input,select>对象,初始化为空
function setElementsToFromIsNull(formId) {
let form = document.getElementById(formId);
let tagElements = form.getElementsByTagName('input');
for (let j = 0; j < tagElements.length; j++) {
tagElements[j].value = null;
}
tagElements = form.getElementsByTagName('select');
for (let j = 0; j < tagElements.length; j++) {
tagElements[j].value = "";
}
}
使用:
setElementsToFromIsNull("id值");