精华内容
下载资源
问答
  • jquery填充表单

    千次阅读 2019-08-11 16:39:51
    jQuery发送ajax填充表单的写法 这里记录一下以便后续使用: ===================================================================== 填充下拉框 html: <div class='col-md-10'> <select name=...

    jQuery发送ajax填充表单的写法

    这里记录一下以便后续使用:

    =====================================================================

    填充下拉框

    html:

    <div class='col-md-10'>
        <select name="ethnic" id="ethnic" lay-verify="">
            <option value="">选择民族</option>
        </select>
    </div>

    js:

    /*获取民族*/
        function getMz() {
            $.ajax({
                "url": "/XXXXXXXXXX",
                "type": "get",
                async: false,
                "success": function (data) {
                    var mz = data.data;
                    for (var i = 0; i < mz.length; i++) {
                        var code = mz[i].code;
                        var name = mz[i].name;
                        $("#ethnic").append("<option value='" + code + "'>" + name + "</option>")
                    }
                }
            })
        }

    填充checkbox

    html:

    <div class='form-group'>
                    <label class='col-md-2 control-label'>“XX”情况</label>
                    <div class='col-md-10' id='sasqk'>
                        <div hidden>
                            <input  style="display:none"  type='checkbox' name='sasqk' lay-filter='sasqk'  value="sasqk" checked>
                            <input  style="display:none"  type='checkbox' name='sasqk' lay-filter='sasqk'  value="sasqk" checked>
                        </div>
                    </div>
    </div>

    注:上面代码中两个input是为了layui填充数据所设置的与填充checkbox无关

    js:

    /**
         * 获取XXXX情况字典值
         */
        function getSasqk() {
            var element = $("#sasqk").last();
            $.ajax({
                "url": "/XXXXXXXXXX",
                "type": "get",
                async: false,
                "success": function (data) {
                    var dut = data.data;
                    if (data.code == 0) {
                        for (var i = 0; i < dut.length; i++) {
                            var k = dut[i].k;
                            var val = dut[i].val;
                            element.append("<input type='checkbox' name='sasqk' title=" + val + " value=" + k + ">")
                        }
                    } else {
                        alert(data.message);
                    }
                }
            })
        }

     

    展开全文
  • 说明一个简单的表单数据填充jquery插件的实现方式,通过一些应用实例详细说明其应用.
  • 这个表单包含尽可能多的隐藏字段,因为我想要预先填充数据,以及尽可能多的跨度,因为我想显示信息。当我调用RespondMessage函数时,我用我调用函数的参数手动设置表单中的隐藏字段。 之后,我用我想要...

    那么,这就是我所做的。

    对于生成的每一个都响应按钮,我设置onClick事件传递我想被预先填充在我的形式向JS函数RespondMessage字段()

    我同时也在页面底部制成的形式我用CSS隐藏了。 这个表单包含尽可能多的隐藏字段,因为我想要预先填充的数据,以及尽可能多的跨度,因为我想显示信息。

    当我调用RespondMessage函数时,我用我调用函数的参数手动设置表单中的隐藏字段。 之后,我用我想要显示的信息填充我的跨度(例如,我为此消息设置收件人姓名)。

    完成所有操作后,表单即可显示。所以在设置表单中的字段之后,我只是将表单从display:none传递给display:block,并且做了很多css技巧来使它们变得光滑美观。

    所以现在你已经有了预先填好的表单,你只需要另一个函数来进行Ajax调用,以避免在每次响应后重新加载页面,并且你会用表单的提交按钮的onClick事件调用它。

    我希望这个过程能帮助别人。

    我不太确定这是否是最好的方法,我发现它非常脏并且可以利用,所以您需要比平时更多的服务器端检查,但它可以完成这项工作。

    我没有提供代码,因为它大多都是真正专用于您正在设置的应用程序。

    展开全文
  • $("#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 Mobile 表单自动填充 支持input textare radio checkbox select 等标签
  • When the user selects one or more items in the first select, the second is filled via jQuery. The form works correctly except for the order the multiselect is filled. <p>e.g. The "product" select ...
  • 下面小编就为大家带来一篇基于jQuery表单填充实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 使用jQuery数据快速填充表单

    千次阅读 2016-08-31 13:59:28
    例如在通过表单编辑一些数据时,读取后台数据填充表单是一件繁琐的事情,尤其是表单域很多而且包含radio,checkbox,select等的时候。你一定见过下面的代码: "area"> "nankai" if($area=='nankai') echo '...
     
    
    • http://my.oschina.net/crazymus/blog/345586
    •  使用jQuery将数据快速填充到表单
      • 发布时间: 2014/11/17 16:32 
      • 阅读: 6870 
      • 收藏: 14 
      • 点赞: 0 
      • 评论: 1

      作为WEB程序员,我们经常与表单打交道。例如在通过表单编辑一些数据时,读取后台数据并填充到表单是一件繁琐的事情,尤其是表单域很多而且包含radio,checkbox,select等的时候。你一定见过下面的代码:

      <select name="area">
      	<option value="nankai" <?php if($area=='nankai') echo 'selected="selected"';?>>南开区</option>
      	<option value="hexi" <?php if($area=='hexi') echo 'selected="selected"';?>>河西区</option>
      	<option value="xiqing" <?php if($area=='xiqing') echo 'selected="selected"';?>>西青区</option>
      </select>
      PHP和HTML混在一起非常乱,于是我想到用jQuery来优化这一过程,将PHP代码和HTML分离。

      请看下面的HTML:

      <table>
      	<tr>
      		<td>姓名</td>
      		<td>
      			<input type="hidden" name="id" />
      			<input type="text" name="name" /> 
      		</td>
      	</tr>
      	
      	<tr>
      		<td>地区</td>
      		<td>
      			<select name="area">
      				<option value="nankai">南开区</option>
      				<option value="hexi">河西区</option>
      				<option value="xiqing">西青区</option>
      			</select>
      		</td>
      	</tr>
      	
      	<tr>
      		<td>性别</td>
      		<td>
      			<input type="radio" name="sex" value="male" /><input type="radio" name="sex" value="female" /></td>
      	</tr>
      	
      	<tr>
      		<td>爱好</td>
      		<td>
      			<input type="checkbox" name="hobby[]" value="movie" />电影
      			<input type="checkbox" name="hobby[]" value="music" />音乐
      			<input type="checkbox" name="hobby[]" value="basketball" />篮球
      		</td>
      	</tr>
      	
      	<tr>
      		<td>简介</td>
      		<td>
      			<textarea name="intro"></textarea>
      		</td>
      	</tr>
      	
      </table>



      这里面包含了常用的表单域,下面我们从服务端读取数据(PHP示例):
      <?php 
      //从数据库读取的用户信息,需要注意的是,数组的键名应和表单域保持一致
      $user = array(
      	'id'=>1,
      	'name'=>'张三',
      	'area'=>'hexi',
      	'sex'=>'male',
      	'hobby'=>'music,movie',
      	'intro'=>'你好,世界'
      );
      
      //将数组序列化为json字符串
      $json = json_encode($user);
      
      ?>
      使用下面的代码即可将数据填充到表单:
      //将PHP生成的json字符串赋值给js变量
      var user = '<?php echo $json;?>';
      
      $(function(){
      
      	//将数据加载到表单中
      	loadData(user);
      
      });

      loadData的实现很简单,封装成函数后可以在任何地方使用,请看代码:

      function loadData(jsonStr){
      	var obj = eval("("+jsonStr+")");
      	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);
      			}
      			
      		});
      	}
      }

      前台效果:


    展开全文
  • 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.formautofill 表单填充控件,在平时使用页面表单或者弹出窗口需要赋值的时候通常情况要一个一个的赋值,有了这个控件可以实现一句话就轻松搞定。
  • <p>I had to change the values of a dropdown basis the selection of a radio button so i used jquery to check the selected radio button and populated the dropdown accordingly. <p>Now, when i select a ...
  • 主要介绍了jQuery 禁止表单用户名、密码自动填充功能,需要的朋友可以参考下
  • //该方法为填充表单,初始化时需要加进初始化方法 function fill(){ $.post("${ctx}/shopwxpay/detail/${param.id}",{},function(result){//需要再后台写一个方法来根据参数id查出该实体对象并返回 if(result.aT!=...
  • 和struts2自动封装页面表单信息进入对应的vo差不多 需要vo的属性名和前台表单组件的id值相同。 假设现在需要修改用户信息,那么可以先区服务器请求某个id所对应的用户信息,将此用户实例进行序列化 然后返回到...
  • JQuery+JSON自动填充表单

    千次阅读 2019-01-28 11:19:36
    主要用于“修改”操作的表单中,要求表单name属性值与json的key值一致 function loadData(obj){ if($.type(obj)!="object"){ alert("页面初始化错误!"); return false; } var key,...
  • 这是上一篇将form转换成json的反向,即将json往form自动填充,有了这两个封装好了的jquery插件,就可以方便的实现mvc各层之间的数据传递了,再也不写恶心人的那些代码了。目前支持的表单控件元素有限,现这样用倒...
  • form里面内容转json,json填充form表单/*** 将form里面的内容序列化成json* 相同的checkbox用分号拼接起来* @param {obj} 需要拼接在后面的json对象* @method serializeJson* */$.fn.serializeJson = function (other...
  • 如下所示://表单填充, formDataLoad: function (domId, obj) {for (var property in obj) {if (obj.hasOwnProperty(property) == true) {if ($("#" + domId + " [name='" + property + "']").size() >...
  • php echo base_url('assets/javascript/jquery-3.1.1.min.js');? >"></script> <script type="text/javascript"> function autofill(){ var id_pegawai = $("#id_pegawai").val(); $.ajax({ ...
  • ... <pre><code>$('a#addRow').click(function() { $('#jTable tr:last').after('<tr>'+ ...input type="text" name="foo[]" value="" id="foo[]" />...input type="text" name="bar[]" value="" id="bar[]" /&...
  • js 填充数据表单

    千次阅读 2016-08-11 15:40:54
    很久之前,就写了一个把 json 数据填充表单的方法…当时是出于弹窗编辑数据的需要,于是干脆封装成一个方法. 今天发现,做搜索功能时,以 get 方式提交表单后,还得保持表单中的搜索条件不变. 当初是用服务器把 get ...
  • //把读取的数据也就是包括html代码的那些东西放入div }); } ;height:250px;" data-options="fit:true,border:false"> 电梯运行信息" id="div" align="center" > <tr><td>所属...
  • 我有一个表单,提交时转到blah.php。... JQuery看到并给出了一个...使用JQuery和AJAX从另一个页面返回的数据填充div流程应该是点击按钮,检查服务器端,如果不是'ok'响应,输出状态div的响应并停止该页面上的所有服务...
  • //获取表单数据,返回json格式数据 /* *因为项目涉及到大量的表单处理,字段一一对应会比较繁琐,所以写了个方法统一获取需要提交的表单元素 *公司用的easyui框架,所以对easyui表单元素有做相应处理,如不需要...
  • 博客园的伙伴们,大家好,I'm here,前段时间特别的忙,只有零星分散的时间碎片,有时仰望天空,有时发呆,有时写代码,正如下面给大家介绍的这个jQuery.fill插件,正是在这样的状态下写出来的。 主要功能 一直想...
  • JQuery解析Json数据填充到表格

    万次阅读 2018-01-12 16:12:50
    步骤:  1、获取json串 ... 3、通过jquery获取table,然后往table输出html function getList() { $.ajax({ type : "GET", url : "ajaxGet", data : { method : "quer

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,990
精华内容 3,996
关键字:

表单中jquery填充数据