页面表单数据返显方法

/*数据页面返显的处理 万能方法页面中有单选、多选、input框、textarea文本域、select下拉框的的处理方法如果都是通过form提交的情况下 ：类似如下,简单举例，样式不全<form id = "form"><input type="text" name="data1"/><input type="radio"  name="data2" value="2/>input type="radio"  name="data2" value="1"/><select type="text"  name="data3"></select><select type="text"  name="data4"></select><textarea type="text"  name="data5"></textarea><textarea type="text"  name="data6"></textarea><input type="checkbox"  name="data7" value="1"/><input type="checkbox"  name="data7" value="2"/><input type="checkbox"  name="data7" value="3"/></form>data是后端接口返回的数据，结构类似于data{code:100,data:{//里面data1:1,data2:2,data3:1,data4:2,data5:1,data6:2,data7:1,data8:2,.......}}*///jq 此方法专门做页面的数据返显//dataShowPage函数的形参data是接收来自接口data.data传过来的，专门处理数据回显function dataShowPage(data){$("#form").find("[name]").each(function(){//dataVal自定义的一个变量，用来接收每一个从接口返回来的值var dataVal = null;try{//这一步相当于获取接口返回来的data.data1,data.data2,data.data3,......的值dataVal = eval("data."+this.name)}catch(e){//如try中有出错的,则打印出来cosnole.log(e)}//如果存在未定义的则不往下执行if(dataVal === undefined){return;}//满足判断条件的 说明它是单选框 然后继续找到单选对应的值 选中if($(this)[0].tagName.toLowerCase() === "input" && $(this).attr("type")==="radio"){if($(this).val() === dataVal){$(this).attr("checked",true);}}else if($(this)[0].tagName.toLowerCase() === "input" && //可以看出这是复选框的返显  data.data7的值为"1,2,3"$(this).attr("type")==="checkbox"){if(dataVal.indexOf($(this).val())>-1){//如果这个数中存在1或2或3  那么对应的这个复选框选中$(this).attr("checked",true);}}else if($(this).attr("type")==="select"){//找到对应的select下拉框 进行返显选中if($(this).val() === dataVal){$(this).prop("selected",true);}}else{//input textarea框等返显  直接赋值$(this).val(dataVal);}})}

页面表单数据返显方法相关推荐

jasypt-spring-boot-starter实现加解密和数据返显
jasypt-spring-boot-starter实现加解密和数据返显一.青铜:jasypt-spring-boot-starter在springboot中的加解密(默认加密法) 1.导包 < ...
PHP表单注册验证,JavaScript实现注册页面表单校验的实例分享
下面小编就为大家带来一篇JavaScript 完成注册页面表单校验的实例.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧 1.步骤分析第一步:确定事件(onsubmit ...
struts1中页面表单提交给action后页面一片空白，无错无异常
最近使用struts1在写一个作业,昨天遇到了一个问题:页面表单提交之后,地址栏变为处理的action的地址,即以xxx.do结尾.然后页面一片空白,无错无异常.网上各位大大的总结是 1.在Actio ...
前端开发周边（js版页内锚点跳转方法）
js版页内锚点跳转方法关键词:focus(获取光标) 使用方法: 1.首先引入 jQuery HTML代码段 <div><h1 id="text1">12 ...
html编写程序常用的,html编写简洁页面表单验证程序.doc
html编写简洁页面表单验证程序.doc html编写简洁页面表单验证程序 "-//W3C//DTD XHTML 1.0 Transitional//EN" "1/DTD ...
php 获取内容页图片,织梦DEDECMS内容页获取图片URL地址的方法
织梦DEDECMS内容页获取图片URL地址的方法 {dede:sql sql="select * from dede_uploads where arcid = ~id~"} [f ...
EasyUI加zTree使用解析 easyui修改操作的表单回显方法验证框提交表单前验证 datagrid的load方法
带参提交一次查询,从服务器加载新数据.这是一个神奇的方法 $('#dg').datagrid('load',{code: '01',name: 'name01' }); easyui修改操作的回显方法 ...
本地html页面传递表单值,js实现两个页面表单传值并接收
js 实现两个页面表单传值并接收源码 A页面: function test(){ var s =document.getElementById("txt"); location.h ...
织梦详情页 php,织梦DEDECMS列表页与详情页调用图集多张图片的方法
DEDECMS列表页与详情页调用图集多张图片的方法,先找到include/common.inc.php文件,把下面代码贴进去: function Getimg($aid,$imgwith,$imghe ...

页面表单数据返显方法

页面表单数据返显方法相关推荐

最新文章

热门文章