精华内容
下载资源
问答
  • 2021-07-14 15:48:38

    赋值后需要重新渲染,加一行:

    form.render('select')
    
    更多相关内容
  • Layui 动态赋值select

    千次阅读 2021-01-25 16:21:14
    layui中通过接口动态渲染select。 话不多说,直接先附上效果图,再附上源码 let count = response.data.services.length; for(let i = 0 ; i < count ; i ++){ $('#inputBox').append(new Option(response...

    layui中通过接口动态渲染select。
    话不多说,直接先附上效果图,再附上源码
    在这里插入图片描述

     let count = response.data.services.length;
     
     for(let i = 0 ; i < count ; i ++){
                $('#inputBox').append(new Option(response.data.services[i].name , response.data.services[i].FormatStorageMedium)); 
         };
      form.render("select");
    
    展开全文
  • layui 动态赋值select

    万次阅读 2018-08-29 09:23:44
    话不多少,直接贴代码吧 var resultData; var htmls = '&lt;option value=""&gt;请选择&lt;/option&gt;'; //全局变量  $.ajax({  url: WEB_CONTEXT+'rest/proInforRe...

    话不多少,直接贴代码吧

    var resultData;

    var htmls = '<option value="">请选择</option>'; //全局变量
                                $.ajax({
                                        url: WEB_CONTEXT+'rest/proInforRestFul/getList',
                                        type: "post",
                                        dataType : "json",
                                        contentType : "application/json",
                                        async: false,//这得注意是同步
                                        success: function (result) {
                                           resultData = result.data;
                                           for(var x in resultData){
                                           htmls += '<option value = "' + resultData[x].id + '">' + resultData[x].proNo + '</option>'
                                            } 
                                            $("#proNos").html(htmls);
                                            }
                                        });
                            form.render('select');//需要渲染一下

    展开全文
  • layui表单

    layui表单动态赋值与取值,官网给的demo表单赋值部分可能有点不太好用,相信大家都有点不太明白怎么赋值的,以下内容可供大家参考!

    点击下方取值按钮后即可在控制台看到代码初始为表单赋值的数据

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>layui表单动态赋值与取值</title>
    		<link rel="stylesheet" type="text/css" href="https://cdn.staticfile.org/layui/2.6.8/css/layui.css" />
    		<script src="https://cdn.staticfile.org/layui/2.6.8/layui.js" type="text/javascript" charset="utf-8"></script>
    	</head>
    	<style type="text/css">
    		#wrap {
    			padding: 20px;
    		}
    	</style>
    	<body>
    		<div id="wrap">
    			<h1>layui表单动态赋值与取值</h1>
    			<div class="layui-form" lay-filter="formTest">
    				<div class="layui-form-item">
    					<label class="layui-form-label">输入框</label>
    					<div class="layui-input-block">
    						<input type="text" name="username" placeholder="请输入" autocomplete="off" class="layui-input">
    					</div>
    				</div>
    				<div class="layui-form-item">
    					<label class="layui-form-label">下拉选择框</label>
    					<div class="layui-input-block">
    						<select name="selectType" lay-filter="aihao" lay-search placeholder="支持搜索">
    							<option value="0">HTML</option>
    							<option value="1">CSS</option>
    							<option value="2">JavaScript</option>
    						</select>
    					</div>
    				</div>
    				<div class="layui-form-item">
    					<label class="layui-form-label">复选框</label>
    					<div class="layui-input-block">
    						<input type="checkbox" name="JavaScript" title="JavaScript">
    						<input type="checkbox" name="java" title="java">
    					</div>
    				</div>
    				<div class="layui-form-item">
    					<label class="layui-form-label">开关</label>
    					<div class="layui-input-block">
    						<input type="checkbox" name="openSwitch" lay-skin="switch">
    					</div>
    				</div>
    				<div class="layui-form-item">
    					<label class="layui-form-label">单选框</label>
    					<div class="layui-input-block">
    						<input type="radio" name="sex" value="0" title="">
    						<input type="radio" name="sex" value="1" title="">
    					</div>
    				</div>
    				<div class="layui-form-item layui-form-text">
    					<label class="layui-form-label">文本框</label>
    					<div class="layui-input-block">
    						<textarea placeholder="请输入内容" name="desc" class="layui-textarea"></textarea>
    					</div>
    				</div>
    				<button type="button" class="layui-btn layui-btn-radius" id="getDatas">取值</button>
    			</div>
    		</div>
    		<script type="text/javascript">
    			layui.use(['form'], function() {
    				let form = layui.form;
    				//为表单赋值
    				form.val("formTest", {
    					"username": "程序猿", //输入框
    					"selectType": 2, //下拉框
    					"JavaScript": true, //复选框
    					"openSwitch": true, //开关
    					"sex": 1, //单选按钮
    					"desc": "我爱layui", //文本框
    				});
    				//form.render()
    				//表单取值
    				document.getElementById("getDatas").addEventListener("click", function() {
    					var formObj = form.val("formTest");
    					console.log(formObj)
    				});
    			});
    		</script>
    	</body>
    </html>
    
    

    在这里插入图片描述

    展开全文
  • layui 下拉框动态赋值

    千次阅读 2020-09-05 12:04:17
    核心代码部分为: 在select标签上面的class属性中加一公共类名称,...最后要重新渲染一下select标签,layui.form.render(‘select’); 否则可能还是会不展示下拉数据 <div class="layui-form-item"> <label
  • layui中的switch开关,能够去显示当前的状态,是否是启用还是禁用。当时如果当前记录的某个值没有进行填写,这行记录就不能被启用。并且页面上也要让他不能进行操作。 直接上代码: // 页面状态栏事件监听 form....
  • 今天小编就为大家分享一篇layui动态渲染生成select的option值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui下拉框动态赋值html代码:js代码:上图: html代码: <div class="layui-input-inline"> <select id="service" name="service" lay-verify="required" lay-filter="business" class="select"> ...
  • 今天小编就为大家分享一篇LayUi数据表格自定义赋值方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui 参照赋值的两种方式

    千次阅读 2020-12-30 08:51:24
    前言上一篇解决了,在layui中子页面传值回父页面的问题。这一篇主要总结:子页面传值回父页面后,赋值的两种方式:文本框赋值;表格赋值。文本框赋值文本框赋值的方式,相对的简单。只需获取到子页面的值后,转换成...
  • layui 之 checkbox动态赋值

    千次阅读 2020-12-30 08:51:25
    项目实际开发中遇到一些问题,在查看...)以下为开发过程出现的具体需求:ps: 以下问题出现的前提是开发页面中有多个layui-form元素(10+),按照官方赋值操作https://www.layui.com/doc/modules/form.html#val 走不通,...
  • layui的下拉框动态赋值

    万次阅读 多人点赞 2020-02-01 13:42:00
    第一步:先把layui官方给的模板粘到自己的前端 注:下面的代码是我直接从layui官网粘过来的 <div class="layui-form-item"> <label class="layui-form-label">选择框</label> <div class=...
  • 子页面动态下拉框赋值 上篇文章解决了如何联动问题,但是还有一种情况,open子页面时给动态下拉框赋值。 直接赋值并不可以,此时下拉框是没有数据的。监听函数并不会触发动态函数。 我的思路: 给第一个下拉框直接...
  • layui select 后端动态赋值

    千次阅读 2020-11-12 17:43:22
    div class="layui-form-item"> <label for="L_username" class="layui-form-label"> <span class="x-red"></span>客户名称: </label> <div class="layui-input-inline">
  • 今天小编就为大家分享一篇layui radio性别单选框赋值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 好久没有使用layui了,前几天使用radio进行赋值,但是一直不成功,解决后就想着记录一下。 问题一: radio样式显示不对,没有渲染 这是因为你的有些表单元素可能是动态插入的。这时Form模块的自动化渲染是会对其失效...
  • 如下所示: <!DOCTYPE html> <html> <head> <title>排课设置<...content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">...link rel="stylesheet
  • 1.select动态赋值 //将真正的value赋值给select。name为select标签后跟的name,value为想赋给select的值。 $(“select[name=example]”).val(“value”); &amp;amp;lt;!--select标签--&amp;amp;gt; &...
  • layui动态赋值下拉框不显示

    千次阅读 2019-08-14 10:17:12
    var table=""; for ( var i = 0; i ; i++) { var select = ""; if(list[i].groupId == groupId ){ ... table+= ' [i].groupId+' selected='+select+'>'+list[i].... //动态赋值下拉框 需要使用这个方法才能显示
  • table class="layui-hide" id="imagetable" lay-filter="test"></table> js <script> layui.use(['form', 'table',], function () { var form = layui.form; var $ = layui.jquery;
  • layui table 动态赋值

    千次阅读 2020-07-16 16:57:29
     ----一定要在前台再转一次json,否则table会报异常 //设置 按区域统计-表格 layui.use('table', function () { var table = layui.table; //展示已知数据 table.render({ elem: '#province' -------- 网页中 div...
  • <div class=layui-form lay-filter=useradmin id=useradmin> <div class=layui-form-item> <label class=layui-form-label>用 户 名 <div class=layui-input-inline> <input type=text name=username lay-...
  • layui动态赋值select标签

    千次阅读 2020-02-16 13:34:55
    layui select标签中,请求接口里面的返回的json数据明明已经赋值给了select标签 但是无法显示。 因为在layui中所有的组件都是声明使用 ,你表面上看了是一个select类型的显示类型但是并不是。需要手动声明吧数据...
  • layui radio 赋值和获取值的方法

    千次阅读 2021-12-17 17:55:11
    div class="layui-form-item"> <label class="layui-form-label">是否删除</label> <div class="layui-input-block"> <input type="radio" name="isDel" value="0" title="正常" > &...
  • layedit赋值方法如下 /** * 设置编辑器内容 * @param {[type]} index 编辑器索引 ...以上这篇layui的layedit富文本赋值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
  • 我是 为了 简单 使用 直接 用的 jquery,小例子直接上代码:$(function () {var json = eval(‘(‘+parent.json+‘)‘);...//通过id给标签赋值$(‘#username‘).val(json.username);$(‘#sex‘).val(json.s...
  • 今天小编就为大家分享一篇layui 富文本赋值,取值,取纯文本值的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • LayUI之select动态赋值的显示问题

    千次阅读 2019-09-18 10:51:26
    问题:昨天是解决了select的监听事件,以为问题就解决了,开始动态赋值,结果问题就来了,用异步加载数据,赋值,按照常理是没有问题,可是在layui中是有问题的,数据加载时正常的,只是显示不出来,可能是layui的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,342
精华内容 1,736
关键字:

layui动态赋值