精华内容
下载资源
问答
  • 今天小编就为大家分享一篇Layui 动态禁止select下拉例子,具有很好参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui动态修改select的选中项:(在layUI下给select设置默认选项)例: $("select[name='result']").val(11); //重新渲染表单,只有执行了这一步,部分表单元素才会自动修饰成功 layui.form.render('select'); ...

    layui动态修改select的选中项:
    (在layUI下给select设置默认选项)

    例:

    $("select[name='result']").val(11);
    //重新渲染表单,只有执行了这一步,部分表单元素才会自动修饰成功
    layui.form.render('select');
    

     通过$("select[name='result']").val(11);设置select的选中项,但是select显示的当前选中项依然是默认选项,
    只有执行layui.form.render('select');才能重新渲染select元素,更新select的选中项。

    转载于:https://www.cnblogs.com/Big-Boss/p/9431737.html

    展开全文
  • 今天小编就为大家分享一篇Layui动态生成select下拉选择框不显示解决方法,具有很好参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 前言需求:动态渲染select后重新绑定数据。具体步骤1.需要设置绑定容器。代码如下所示:*物料品种** 注意:最外层可以不是标签,但是必须要加class="layui-form"样式。**2.引用后,声明form模块,重新渲染。代码...

    前言

    需求:动态渲染select后重新绑定数据。

    具体步骤

    1.需要设置绑定的容器。代码如下所示:

    *物料品种

    ** 注意:最外层的可以不是

    标签,但是必须要加class="layui-form"样式。**

    2.引用后,声明form模块,重新渲染。代码如下所示:

    layui.use(‘form‘, function () {

    var form=layui.form;

    form.render(); //重新渲染表单

    QueryChemById(); //调用请求数据方法

    });

    3.请求数据。重新渲染绑定。代码如下所示:

    function QueryChemById() {

    $.get(‘请求路径‘, function (msg) {

    layui.use(‘form‘, function () {

    var form = layui.form;

    if (msg != "") {

    var str = ‘‘; //声明字符串

    var mJSON = $.parseJSON(msg);//转成Json对象

    $("#bindChem option:gt(0)").remove();//重新加载前,移除第一个以外的option

    $.each(mJSON, function (i, obj) {

    str += ‘‘ + obj.cChemName + ‘‘;

    });//遍历循环遍历

    $(str).appendTo("#bindChem");//绑定

    $("#bindChem option:eq(1)").attr("selected", ‘selected‘); //默认选择第一个选项

    form.render("select");//注意:最后必须重新渲染下拉框,否则没有任何效果。

    }

    });

    });

    }

    注意:如果我们重新写方法去请求数据的时候,必须在方法里面重新引用form模块。否则无效果。

    你知道的越多,你不知道的越多。我们不生产知识,我们只是知识的搬运工。

    原文:https://www.cnblogs.com/ZengJiaLin/p/13508452.html

    展开全文
  • layui 动态加载 select

    2021-01-18 18:13:47
    layui ajax select 动态添加数据方法,给我指明了前进方向。 首先,这是一个学习过程,并不是最优方案。只是“玩索而有得”而己。 做了一个联动搜索框,本来一开始想用layuiselect第三方插件,但后来没有成功...

    感谢小张帅三代以及他的好文
    layui ajax select 动态添加数据方法,给我指明了前进的方向。
    首先,这是一个学习的过程,并不是最优方案。只是“玩索而有得”而己。
    做了一个联动的搜索框,本来一开始想用layuiselect第三方插件,但后来没有成功,或者是说没有实现自己想要的目的。就利用layui现成的一套东东做了一下。按钮及功能如下:
    1.年:点击“年”,“商品类别”随刷新并指向第一个“全部数据”,数据表随刷新;
    2.商品类别:点击“商品类别”,“年”不动,数据表随刷新;
    3.搜索文字框:点“搜索文字框”,自动根据“年”和“商品类别”匹配数据库相关内容,也是ajax系列;
    4.搜索:点“搜索”,根据前面3个框的内容做综合查询,并刷新列表;
    5.重置:点“重置”,回到页面初始状态,并且不刷新页面,但刷新列表。

    下面贴出三段代码
    这是html

    <div class="layui-form layui-inline layui-col-md6 "  lay-filter="form_whereyear">
    	<select name="whereyear" id="whereyear" lay-filter="whereyear" >
    	</select>
    </div>
    

    这是JS:

     loadSelect_whereyear:function (doctype,whereyear){
            var form=layui.form;
            var option = "<option value=''>所有年份</option>";//初始化option的选项
            $.ajax({
                url: "/index/docnumberajax/select_whereyear",
                type: 'POST',
                data:'doctype='+doctype
            })
                .done(function(datas) {
                    for(var i=0;i<datas.length;i++){
                        var year=datas[i]['name'];
                        //name是从后台提取的字段;
                        if (year!= whereyear){
                            option+="<option value='"+datas[i]['name']+"'>"+datas[i]['name']+"</option>";//拼接option中的内容
                            $("#whereyear").html(option);//将option的拼接内容加入select中,注意选择器是select的ID
                        }
                        else{
                            option+="<option selected='selected' value='"+datas[i]['name']+"'>"+datas[i]['name']+"</option>";//拼接option中的内容
                            $("#whereyear").html(option);//将option的拼接内容加入select中,注意选择器是select的ID
                        }
    
                    }
                    form.render('select','form_whereyear');//重点:重新渲染select
                })
                .fail(function() {
                    console.log("error");
                });
    
    
        },
    

    这是后台:

        public function select_whereyear(){
            $account = session('adminAccount');
            $usereditor = $account['username'];
            $doctype=input('doctype');
            $where[] = [
                ['a.doctype', '=', $doctype],//这个是文件类型转换1为一种文件,2为另一种文件
                ['a.status','=',1],
            ];
            $docyearData = Db::name('docnumber')->
            alias('a')->
            field(' a.doc_year as name')->
            whereOr('editor|applicant', '=', $usereditor)->
            where($where)->
            order('a.doc_year', 'ASC')->
            group('a.doc_year')->
            select();
    		return json($docyearData);
        }
    
    展开全文
  • *审批类型请选择入户审批发票审批完税审批*审批人{{each list as value i}}{{value.nick_name}}{{/each}}// 定义锁,true表示锁死...layui.use(['jquery','form', 'layer'],function () {$ = layui.jquery;var form ...

    *审批类型

    请选择

    入户审批

    发票审批

    完税审批

    *审批人

    {{each list as value i}}

    {{value.nick_name}}

    {{/each}}

    // 定义锁,true表示锁死,false表示可操作

    let lock_flag = false;

    layui.use(['jquery','form', 'layer'],

    function () {

    $ = layui.jquery;

    var form = layui.form, layer = layui.layer;

    form.on('select(cate_demo)', function(data){

    $.ajax({

    data : {cate:data.value},

    url : 'get_checker',

    dataType : 'json',

    type : 'POST',

    success : function(data){

    var art_data = {

    list : data.data

    };

    var html = template('choice_lists', art_data);

    //var html = 'ru_checkerru_checkersss';

    $('#admin_user').html(html);

    form.render(); //在layui中重新渲染表单这一步比较重要,部分表单元素需要重新渲染后才能生效,例如select

    },error:function(){

    layer.alert('接口错误');

    }

    });

    })

    //监听提交

    form.on('submit(add)',

    function (data) {

    if (!lock_flag) {

    // 上锁

    lock_flag = true;

    $("#edit_form").submit();

    }

    return false;

    }

    );

    }

    );

    展开全文
  • *审批类型请选择入户审批发票审批完税审批*审批人{{each list as value i}}{{value.nick_name}}{{/each}}// 定义锁,true表示锁死...layui.use(['jquery','form', 'layer'],function () {$ = layui.jquery;var form ...
  • 编辑时 动态设置下拉框 layui select 为选中状态 // 当前的select的id $('#type').val('你的value值'); //更新全部 form.render();
  • layui select标签中,请求接口里面返回json数据明明已经赋值给了select标签 但是无法显示。 因为在layui中所有组件都是声明使用 ,你表面上看了是一个select类型显示类型但是并不是。需要手动声明吧数据...
  • Layui 动态渲染select

    千次阅读 2018-12-04 09:39:56
    layui-form" name="myform" method="post" action=""&gt; &lt;div class="layui-form-item"&gt; &lt;div class="layui-inline&q
  • 对于动态插入select ,form 模块自动化渲染是失效,需要执行 form.render(type, filter); 第一个参数:type,为表单 type 类型 第二个参数:filter,为 class="layui-form" 所在元素 lay-filter="" 值。...
  • 工作中用到了,到这里记录一下 先是写一个select标签 <select name="interest-search" id="test" lay-verify...然后在js中通信后进行动态赋值,这里贴上关键代码 for (var i = 0; i < textlist.length; i++) { $
  • 一、问题:利用jQuery动态添加代码中包含select,运行后不显示 1、显示状态 2、后台代码 正常情况下应该像队长班级一样显示,但是却惊奇发现,事与愿违 二、原因 Layui会对select、checkbox、radio等原始...
  • 前言在用Layui写后台管理页面的时候,有的时候查询的下拉框是需要动态从数据库获取,当用户修改了数据库数据的时候,可以动态的生成最新的下拉框选项。页面垃圾名称:全部js写法layui.use(['form', 'table', ...
  • layui动态追加select元素不显示

    千次阅读 2019-05-24 18:35:11
    今天用layui写前端页面时候用到了通过jqurey中befor追加select元素 一开始写法: <div class="layui-form-item"> <label class="layui-form-label">执行人员</label> <divstyle="width: ...
  • layui动态添加select选择框和回显

    千次阅读 2020-05-28 10:09:35
    button type="button" class="layui-btn" id="addpeop"> <i class="layui-icon">&#xe608;</i> </button> $("#addpeop").click(function(){ var peop=$("#areas"); var t=$(['<div...
  •  //设置Select的Text值为jQuery项选中  jQuery添加/删除Select元素Option项:  实例分析:  1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)  ...
  • //给一个元素添加点击事件并往areas中追加select的option $("#addpeop").click(function(){ var peop=$("#areas"); var t=$(['<div class="layui-form-item" id="areas">', ...
  • 这里指的是通过layui官方示例中的方式写的select,如下: <div class="layui-form-item"> <label class="layui-form-label">下拉选择框</label> <div class="layui-input-block"> <...
  • 给代码添加如下部分:layui.use('form', function(){ //此段代码必不可少var form = layui.form;form.render();});实现效果:HTML代码:执行周期每星期每天N天每小时N小时N分钟每月周一周二周三周四周五周六周日layui....
  • 使用layui前端框架时,在使用ajax为select动态添加option时,会出现option内容不显示问题 解决方案: —&amp;gt; 执行 form.render(type,filter) 方法 具体代码: $(function(){ // 异步加载菜品种类...
  • 今天小编就为大家分享一篇layui动态渲染生成select的option值方法,具有很好参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui的select在form渲染后,会重新构造一份DOM数据,将原生的select元素隐藏了。我是使用的vue动态绑定的options,这里绑定v-model就失效了。我想编辑某行的时候,动态选中select的值。1.需要改变对应input的显示值...

空空如也

空空如也

1 2 3 4 5 ... 14
收藏数 278
精华内容 111
关键字:

layui动态的select