/**
* 批量赋值
* @param obj
*/
function loadData(obj){
var key,value,tagName,type,arr;
for(x in obj){
key = x;
value = obj[x];
$("[name='"+key+"'],[name='"+key+"[]']").each(function(){
tagName = $(this)[0].tagName;
type = $(this).attr('type');
if(tagName=='INPUT'){
if(type=='radio'){
$(this).attr('checked',$(this).val()==value);
}else if(type=='checkbox'){
arr = value.split(',');
for(var i =0;i<arr.length;i++){
if($(this).val()==arr[i]){
$(this).attr('checked',true);
break;
}
}
}else{
$(this).val(value);
}
}else if(tagName=='SELECT' || tagName=='TEXTAREA'){
$(this).val(value);
}
});
}
}
相关推荐
在本文中,我们将深入探讨如何使用layui框架在弹窗中为form表单赋值,特别是在点击编辑按钮后实现数据回显到子页面表单内的功能。layui是一个优秀的前端UI框架,提供丰富的组件和便捷的API,包括弹窗、表单等,使得...
在前端开发中,有时我们需要对页面上的表单(form)元素进行批量赋值,这通常涉及到JavaScript(js)的事件处理和DOM操作。本话题主要探讨如何利用JavaScript的Web API,如MouseEvent、InputEvent和KeyboardEvent,...
为了填充树形下拉框的数据,你需要在Vue组件的`mounted`生命周期钩子或者其他适当的地方获取数据,并赋值给`treeData`。通常,这涉及到向后端发送请求获取JSON数据,然后将其转换为适合Element UI Tree Select的格式...
为了提高开发效率和用户体验,开发者们经常寻找自动化解决方案,以简化表单字段的赋值过程。这里我们要介绍的是jQuery.formautofill插件,一个能够帮助我们一键完成表单数据填充的工具。 ### 1. jQuery....
本教程将深入探讨LayEdit的使用,包括其与form表单的交互以及图片上传功能。 首先,我们需要了解LayEdit的基本使用方法。LayEdit是基于layui框架构建的,因此在使用前需要确保页面已引入layui的CSS和JS文件。然后,...
示例描述:介绍JavaScript与表单控件。 6.1.html JavaScript获取文本框的值。 6.2.html JavaScript控制文本框。 6.3.html 文本框的JavaScript特效。 6.4.html 获取select元素的值。 6.5....
4.2 表单控件:讲解了表单的组成部分,如`<form>`标签,以及`<input>`、`<select>`、`<textarea>`等控件。 4.3 总结:对表单元素和功能进行总结。 **第5章 CSS样式表** 5.1 简介:CSS的作用,用于美化HTML元素的...
修改现有选项的文本和值,可以直接赋值给对应的属性: ```javascript selectElement.options[i].text = 'updated text'; selectElement.options[i].value = 'updated value'; ``` 综上所述,JavaScript中的`...
这种形式将所有请求参数值以 `requestParamName` 为前缀的属性,批量赋值给JavaBean的相应属性。 4. **逐一设置属性**: ```jsp ... ``` 这种形式可以逐个指定属性名和对应的请求参数名称,适用于需要精确...
基类可以提供辅助方法,利用反射和泛型技术批量赋值,将表单数据自动映射到业务模型中。 ```csharp public T BindFormData() where T : class, new() { var model = new T(); var form = Request.Form; var ...
在数据加载完成后,可以使用form.form.setValues方法,将从服务器返回的JSON数据批量设置为表单中相应字段的值。 通过上述步骤,可以成功地在ExtJS中设置级联菜单的默认值。需要注意的是,在实际应用中,服务器返回...
4. FileInput插件的主JavaScript文件`fileinput.js`,实现了图片选择和上传的核心功能。 5. FileInput插件的德语语言包`fileinput_locale_de.js`,用于本地化显示。 6. 最后,Bootstrap的JavaScript库`bootstrap.min...