精华内容
下载资源
问答
  • $("#p_city option[value='${project.city}']").attr("selected","selected"); $("#p_projectType option[value='${project.projectType}']").attr("selected","selected"); $("#p_voltageLevels option[value='.....
    $("#p_city option[value='${project.city}']").attr("selected","selected");
    $("#p_projectType option[value='${project.projectType}']").attr("selected","selected");
    $("#p_voltageLevels option[value='${project.voltageLevels}']").attr("selected","selected");
    $("#p_successfulSupervisionUnits option[value='${project.successfulSupervisionUnits}']").attr("selected","selected");
    $("#currentProgress option[value='${project.currentProgress}']").attr("selected","selected");
                
    $("input[name='project.whetherExcellence'][value='${project.whetherExcellence}']").attr("checked",true);
    $("input[name='project.whetherCreatingMobileRed'][value='${project.whetherCreatingMobileRed}']").attr("checked",true);
    $("input[name='project.whetherDemonstrationProject'][value='${project.whetherDemonstrationProject}']").attr("checked",true);
    $("input[name='project.peakSummerProject'][value='${project.peakSummerProject}']").attr("checked",true);
    $("input[name='project.whetherContractTermination'][value='${project.whetherContractTermination}']").attr("checked",true);
    $("input[name='project.threeRisk'][value='${project.threeRisk}']").attr("checked",true);
    $("input[name='project.fourRisk'][value='${project.fourRisk}']").attr("checked",true);
                    
    $("#planStart").datepicker();
    $("#planEnd").datepicker();
    $("#actualStart").datepicker();
    $("#completedProfileDeliverDate").datepicker();
    $("#contractStartTime").datepicker();
    $("#provincialCompanyStartTime").datepicker();
    $("#controlnd").datepicker();
    $("#controlStart").datepicker();

     

    转载于:https://www.cnblogs.com/iteakey/p/4147890.html

    展开全文
  • jQuery自动填充表单功能代码是一款利用jQueryUI的autocomplate工具实现表单的自动填充功能,数据可通过ajax从后台获取,或者从文本文件获取都可。
  • jquery中的$.getJSON(url,[data,][callback]) url: 数据源,可以为.php文件或者是一个包含json数据的文本文件。注意json数据一定要满足json 规则 [url]http://www.jsonlint.com/[/url]是validate Json data. data:...

    jquery中的$.getJSON(url,[data,][callback])
    url:

    数据源,可以为.php文件或者是一个包含json数据的文本文件。注意json数据一定要满足json 规则

    [url]http://www.jsonlint.com/[/url]是validate Json data.

    data:发送到服务器中的数据,记住数据必须是key/value格式的形式.且不需用""wrap
    {"query1":"value1","query2":"value2"} correct
    {"query1","value1",query2:value2}/decorect
    send data  主要是用于查询字段,例如满足一定条件的记录,etc


    callback:
    when  数据传输顺利的时候定义表单的数据

    html code

    <html>
    <body>
    <input type="button" id="btnGetData" value="GetData" />
    <input type="text" id="txtData" />
    </body>
    </html>

     Jquery code

    $(document).ready(function(){
    		$("#btnGetData").click(function(){
    			$.getJSON("function-support/example.php",{"data":"xxxx"},function(jsondata){$("#txtData").attr("value",jsondata.data+"");});
    		});
    	});

     

    <?php
    	$str="{";
    	$str.="\"data\":\"".$_REQUEST["data"]."\"}";
    	echo $str;
    	
    ?>

     

     

    展开全文
  • 和struts2自动封装页面表单信息进入对应的vo差不多 需要vo的属性名和前台表单组件的id值相同。 假设现在需要修改用户信息,那么可以先区服务器请求某个id所对应的用户信息,将此用户实例进行序列化 然后返回到...
    和struts2自动封装页面表单信息进入对应的vo差不多   需要vo的属性名和前台表单组件的id值相同。
    假设现在需要修改用户信息,那么可以先区服务器请求某个id所对应的用户信息,将此用户实例进行序列化 然后返回到浏览器中 此时将服务器的字符串反序列化为js Object对象之后 将此对象进行遍历 然后根据属性名设置属性名所对应的页面组件的值。


    $.ajax({type:"POST",
    url:"getuser.action",
    data:{userid:"11"},
    success:function(data,textStatus){
    var resultData=eval('('+ data+')');
    //遍历 设置
    setValue(resultData);
    $("#loginid").attr("disabled","disabled");
    },error:function(x){
    alert("链接数据失拜");
    }
    });

    /**
    *
    * @param {} obj
    * 将ajax访问后得到的对象进行遍历 再使用jquery其职放入到同属性名的dom元素中
    */

    function setValue(obj){
    // 开始遍历
    for(var p in obj){
    // 方法
    if(typeof(obj[p])=="function"){
    // obj[p]();
    }else{
    $("#"+p).val(obj[p]);
    // p 为属性名称,obj[p]为对应属性的值

    }
    }

    }


    展开全文
  • 这是上一篇将form转换成json的反向,即将json往form自动填充,有了这两个封装好了的jquery插件,就可以方便的实现mvc各层之间的数据传递了,再也不写恶心人的那些代码了。目前支持的表单控件元素有限,现这样用倒...

    这是上一篇将form转换成json的反向,即将json往form中自动填充,有了这两个封装好了的jquery插件,就可以方便的实现mvc各层之间的数据传递了,再也不写恶心人的那些代码了。目前支持的表单控件元素有限,现这样用倒再说,以后再加!

     

    网页:

    <div style="width:400px;background-color:#CCCCCC;padding:10px">
    	<form id="myform">
    		<p>
    		姓名:<input type="text" value="wangsir" id="uname" name="uname"/>
    		</p>
    		<p>
    		怩称:<input type="text" value="风一样的男子" id="nikename" name="nikename"/>
    		</p>
    		<p>
    		密码:<input type="password" value="123456" id="pwd" name="pwd"/>
    		</p>
    		<p>
    		性别:<select name="sex" id="sex">
    		              <option selected value=1>男</option>
    					  <option value=0>女</option>
    			 </select>
    		</p>
    		<p>
    		婚姻状态:<input type="radio" name="married"  value="yes"/>已婚<input type="radio" name="married" value="no">未婚
    		</p>
    		<p>
    		个人爱好:
    		<input type="checkbox" name="fav" value="足球">足球
    		<input type="checkbox" name="fav" value="台球" >台球
    		<input type="checkbox" name="fav" value="羽毛球">羽毛球
    		</p>
    		<p>
    		择偶标准:
    		<input type="checkbox" name="standard" value="高">高
    		<input type="checkbox" name="standard" value="帅">帅
    		<input type="checkbox" name="standard" value="富">富
    		</p>
    		<p>
    		目标城市:<select name="city" id="city"><option selected value="wh">武汉</option><option value="other">外省</option></select>
    		</p>
    		<p>
    		头像:<input type="text" readonly value="./images/head.jpg" id="headpic" name="headpic"><img src="./images/head.jpg" width=64px height=64px id="headpic" />
    		</p>
    		<p>
    		受教育经历:
    		<textarea rows="6" cols="50" id="eduhistory" name="eduhistory" value="" width="200px" height="180px"></textarea>
    		</p>
    		<p>
    		<input type="button" value="提交" οnclick="javascript:alert($('#myform').formtojson());"/>&nbsp;
    		<input type="button" value="填充" οnclick="a()"/>&nbsp;
    		<input type=reset value="取消" />
    		</p>
    	
    	</form>
    </div>
    

     

     

     

    脚本:

     

    <script language="javascript">
    String.prototype.lTrim = function() 
      { 
      return this.replace(/^'/,""); 
      };//去掉左面空格; 
      String.prototype.rTrim = function() 
      { 
      return this.replace(/'*$/,""); 
      };//去掉右面空格; 
      String.prototype.Trim = function() 
      { 
      return this.lTrim().rTrim(); 
      };//记得各句后都有分号
    
    function a(){
    		var jsonstring="uname:'Alicezhang',nikename:'美女',sex:'0',married:'no',"+
                   "fav:'足球|羽毛球',standard:'帅|富',city:'other',"+
    			   "headpic:'./images/head2.jpg',pwd:'1234567890',eduhistory:'i am a student!'"
    	    alert("要填充的json及填充前的界面:"+jsonstring);
    		$('#myform').jsontoform(jsonstring);
    }
    
    $.fn.jsontoform=function(jsonstring){
       var formid="#"+$(this).attr("id") ;//input,textarea,select;
       var objs=jsonstring.split(',');
       for(i=0;i<objs.length;i++){
         var kvs=objs[i].split(':');
    	 //alert(kvs.length);
    	 var k=kvs[0];
    	 var v=kvs[1].Trim();
    	 //alert(k+"  "+v);
    	 selector="[name='"+k+"']";
    	 //alert(selector);
    	 //alert($(selector).length);
    	 if($(selector).length>0){
    	   for(j=0;j<$(selector).length;j++){
    	      //text or password 
    	   	  if($(selector).attr("type")=="text"||$(selector).attr("type")=="password"){
    		     $(selector).val(v);
    		  }
    		  //combo select 
    		  if($(selector).attr("type")==null&&$(selector).length==1){
    			  if($("select"+selector).length==1){
    				  for(n=0;n<$(selector+" option").length;n++){
    				    //alert(n+":"+$(selector+" option:eq("+n+")").val()+"["+$(selector+" option:eq("+n+")").html()+"]==?=="+v);
    					if($(selector+" option:eq("+n+")").val()==v){
    					   $(selector+" option:eq("+n+")").attr("selected",true);
    					   break;
    					}
    				  };
    			  }
    		  }
    		  // checkbox
    		  if($(selector).attr("type")=="checkbox"){
    		     var checkboxselector="input[type='checkbox'][name='"+k+"']";
    			 var options=v.split('|');
    			 for(m=0;m<options.length;m++){
    			    for(k=0;k<$(checkboxselector).length;k++)
    				{
    				   if($(checkboxselector+":eq("+k+")").val()==options[m]){
    				      $(checkboxselector+":eq("+k+")").attr("checked",true);
    				   }
    				}
    			 }
    		  }
    		  //readio
    		  if($(selector).attr("type")=="radio"){
    		     var radioselector="input[type='radio'][name='"+k+"']";
    			 for(k=0;k<$(radioselector).length;k++){
    			    if($(radioselector+":eq("+k+")").val()==v){
    				   $(radioselector+":eq("+k+")").attr("checked",true);
    				}
    			 }
    		  }
    		  
    		 //textarea
    		  if($("textarea[name='"+k+"']").length==1){
    		      $("textarea[name='"+k+"']").val(v);
    		  }
    		  
    	     
    	   }
    	 }
    	 
       }
    }

     

    测试效果:

    填充前的页面:

    jsontoform

     

    填充之后的效果:

    jsontoform

     

    以上代码,有兴趣的朋友,欢迎拿去测试,如果有不对的地方,还请不另相告。

    展开全文
  • //把读取的数据也就是包括html代码的那些东西放入div }); } ;height:250px;" data-options="fit:true,border:false"> 电梯运行信息" id="div" align="center" > <tr><td>所属...
  • 针对项目中的表单修改等操作,我们首先要获取数据并把数据填充到form表单中,如果你没有使用相关框架做开发,单纯的使用jquery填充表单数据,当表单中数据对象有很多时,这个时候如果能有一个方法直接调用一个函数...
  • By using jQuery I give the editor users the ability to click on the filled that has problem and change the color of the field to red. like the below screen shot. <p><a href=...
  • jquery插件自动填充

    千次阅读 2013-04-10 22:36:50
    具体思路就是,在form表单中 当我们输入查询数据结束后 会触发onkeyup事件,在相应的js函数中,请求后台数据,做出相应的处理。 部分代码如下: String path = request.getContextPath(); String basePath = requ
  • 使用ajaxSubmit自动填充表单数据时,当前html页面出现相同name的input。 如 ...... 那么,jqueryform无法获取到该input数据值。var params = {};
  • jquery 根据json对象填充form表单。循环json对象,更加form表单id 和 json对象的key查找。通过for循环将数组数据逐一回填到form表单。 function loadDatatoForm(fromId, jsonDate) { var obj = jsonDate; var ...
  • 我有一个输入表单,我需要用数据库数据填充自动完成功能。我的方法似乎有效,但我很确定这不是最直接的方法。(我是php、javascript新手)这是我的代码://get all organizations$org_array = '';$sql = "SELECT id, ...
  • Sisyphus.js 是一个利用 HTML5 技术实现的自动保存草稿插件,它能将表单数据自动保存到 LocalStorage 。当浏览器崩溃后,只要重新打开浏览器就能恢复数据。它也是一个轻量级的 jQuery 插件,使用也非常简单,可以...
  • 那么如果想要实现分页模糊查询的效果时,一般会创建表单,提交我们模糊查询的条件,而如果用到下拉列表可能会需要从数据库查询出来数据进行填充下拉列表的子节点,这里就要用到我们熟知的ajax来完成了。而且我们需要...
  • 如果要进行同步表单提交,则需要将onchange事件附加到第一个选择元素:123以这种方式完成后,表单将被提交,第一个选择选项将作为request.getParameter(“select-one”)提供,根据该选项,您将为第二个下拉填充提供数据,...
  • Ajax 是 Asynchronous JavaScript and XML(以及 DHTML 等)的缩写. ...该页面可能是带有已经填充某些数据的新表单的 HTML,也可能是确认页面,或者是具有根据原来表单中输入数据选择的某些选项的页面。当然,在
  • 用数组来存储所有学生对象的信息,实现了双向更新,初始时(数组内的对象信息“填充界面”),后面的界面操作可以更新数组内对象的信息(数量和本身数据域信息)。 优点:JQuery代码处理的许多细节较好。 使用...
  • 第三部分为第 9 ~ 13 章,介绍了 CSS 样式各属性的设置和使用方法,包括CSS 3 新增的弹性盒模型、多列布局、动画效果、渐变填充等内容;第四部分为第 14 ~ 20 章,介绍了 jQueryMobile 的相关知识,重点介绍了 ...
  • 假设有这么一个需求,我们需要在前端...然后前端每次访问该页面都请求一次该接口,得到数据后遍历并填充到下拉表单中(select). 这里service和dao的代码略过了,就是查询数据库并返回,po出controller的代码: controller
  • ``` <!... ... ... //将数据填充表单 this.id = changeList.id; this.name = changeList.name; this.age = changeList.age; this.str = "修改"; }, }, }); ```
  • 使用vue编写代码,首先要做的就是转换思维,vue是一个数据驱动的框架,我们只需要操作数据数据变化后,vue会自动改变DOM结构,而jQuery是直接操作DOM的。比如刚开始写的代码犯的错误,有一个页面的input标签是...
  • <script type="text/javascript" src="../../Scripts/easyui/jquery.easyui.min.js"> <script type="text/javascript" src="../../Scripts/easyui/datagrid-filter.js"></script> .divcss5{width:1610px} ...
  • 完成页面设计,正确使用city表数据填充下拉列表,选项的value为城市ID,选项的文本为城市名称 B.为表单添加jQuery验证 C.通过Servlet查询符合条件的航班信息,结果按起飞时间升序排列,设置标题栏样式和隔行变色,...
  • 简单渲染-覆盖render方法以匹配任何数据源。 多个方面-在一个响应支持多个分组的方面。 触摸友好-在目标尺寸上适当填充。 键盘友好型-支持Tab键和Shift + Tab键。 两种显示模式-阻止或绝对定位结果。 在输入...
  • 06 jquery以及jquery对象介绍 07 jquery选择器 08 jquery的查找筛选器 09 jquery练习之左侧菜单 第44章 01 jquery属性操作之html,text,val方法 02 jquery循环方法和attr,prop方法 03 jquery模态对话框与clone的...
  • 如果选择的是使用过的地址,需要发送ajax请求加载地址信息,将信息填充表单各项. ---------------共通功能(拦截器的使用)---------------- 1.登录检查--建议使用拦截器,参考以前示例 建议拦截点放在购物车"结算...
  • 《JavaScript实例精通》[源代码]

    热门讨论 2012-09-21 21:09:18
    17_7.htm 使用Ajax.Updater类填充html。 第18章(\18) 示例描述:jQuery应用特效。 18_1.htm 动态表格和动态表单。 18_2.htm 输入框获得焦点、点击、划过时全选。 18_3.htm CSS 样式表动态选择。 18_4....
  • 另外,对于表单的提交,前后台都必须做数据校验,SWDF已提供了此能力,进行简单的配置即可,前台直接提供类似以下代码即可,点此查看前端校验详细规则说明。 前端校验示例; 后台数据校验,点此查看校验详细说明. b...
  • PHP开发实战宝典

    热门讨论 2011-12-02 07:34:49
    9.4.1 POST方法提交表单数据 179 9.4.2 GET方法提交表单数据 179 9.4.3 POST方法与GET方法的使用区别 180 9.5 PHP全局变量 181 9.5.1 $_POST[]全局变量 181 9.5.2 $_GET[]全局变量 182 9.5.3 $_SEESION[]全局变量 ...
  • 初学实例,波浪文字 Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,得到Graphics实例,得到Image实例,填充颜色数组数据,初始...

空空如也

空空如也

1 2
收藏数 33
精华内容 13
关键字:

表单中jquery填充数据