表单数据填充

最新推荐文章于 2021-12-21 10:32:47 发布

未来_之路

最新推荐文章于 2021-12-21 10:32:47 发布

阅读量779

点赞数 1

分类专栏： jquery 文章标签：表单数据填充

本文链接：https://blog.csdn.net/weilai_zhilu/article/details/58079875

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

直接上代码

根据name属性填充数据

/**
 * 填充表单数据
 * 
 * @author zhy
 * @param formId 表单ID
 * @param obj json数据
 * @returns
 */
function loadDataOneByObj(formObj, obj) {
	var key, value, tagName, type, arr;
	for(x in obj) {
		key = x;
		value = obj[x];
		var valueObj = $("[name='" + key + "']", formObj);
		tagName = valueObj.prop("tagName");
		type = valueObj.attr('type');
		if(tagName == 'INPUT') {
			if(type == 'radio') {
				$.each(valueObj, function(i, n) {
					n.checked = (n.value == value);
				})
			} else if(type == 'checkbox') {
				arr = value.split(',');
				for(var i = 0; i < arr.length; i++) {
					if(valueObj.val() == arr[i]) {
						valueObj.attr('checked', true);
						break;
					}
				}
			} else {
				valueObj.val(value);
			}
		} else if(tagName == 'SELECT' || tagName == 'TEXTAREA') {
			valueObj.val(value);
		} else if(tagName == 'IMG') {
			valueObj.attr("src", value);
		} else {
			valueObj.html(value);
		}
	}
}

自定义属性填充

/**
 * 填充表单数据
 * 
 * @author zhy
 * @param formId 表单ID
 * @param obj json数据
 * @returns
 */
function loadDataOneByObj(formObj, obj) {
	var key, value, tagName, type, arr;
	for(x in obj) {
		key = x;
		value = obj[x];
		var valueObj = $("[name='" + key + "']", formObj);
		tagName = valueObj.prop("tagName");
		type = valueObj.attr('type');
		if(tagName == 'INPUT') {
			if(type == 'radio') {
				$.each(valueObj, function(i, n) {
					n.checked = (n.value == value);
				})
			} else if(type == 'checkbox') {
				arr = value.split(',');
				for(var i = 0; i < arr.length; i++) {
					if(valueObj.val() == arr[i]) {
						valueObj.attr('checked', true);
						break;
					}
				}
			} else {
				valueObj.val(value);
			}
		} else if(tagName == 'SELECT' || tagName == 'TEXTAREA') {
			valueObj.val(value);
		} else if(tagName == 'IMG') {
			valueObj.attr("src", value);
		} else {
			valueObj.html(value);
		}
	}
}