精华内容
下载资源
问答
  • layui select下拉框动态赋值和设置选中值
    2022-01-26 13:31:14

     <script>

        layui.use(['form', 'layedit', 'laydate'], function () {

            var $ = layui.jquery;

            $.ajax({

                url: '../api/SysType/GetArticleType?parentId=1',//json文件位置

                type: 'get', //请求方式为get

                dataType: 'json', //返回数据格式为json

                success: function (result) { //请求成功完成后要执行的方法

                    var select = $("#TypeID");//TypeID为HTML标签ID

                    $.each(result, function (index, item) {

                        select.append(new Option( item.TypeName, item.TypeID));// 下拉菜单里添加元素

                    });

                    layui.form.render("select");

                }

            });

        });</script>

    $("#TypeID").val("选中的值");//设置选中的值  TypeID为HTML标签ID

    更多相关内容
  • 如下所示: <!DOCTYPE html> <html> <head> <title>排课设置<...content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">...link rel="stylesheet
  • 今天小编就为大家分享一篇layui给下拉框、按钮状态、时间赋初始值的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui给select下拉框赋值

    千次阅读 2020-12-19 12:04:56
    转:layui给select下拉框赋值//重新渲染表单函数function renderForm() {layui.use('form', function() {var form = layui.form(); //高版本建议把括号去掉,有的低版本,需要加()form.render();});}//赋值部分$....

    转:

    layui给select下拉框赋值

    //重新渲染表单函数

    function renderForm() {

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

    var form = layui.form(); //高版本建议把括号去掉,有的低版本,需要加()

    form.render();

    });

    }

    //赋值部分

    $.ajax({

    url: "",

    type: "post",

    dataType: "json",

    data: {

    "id": id

    },

    success: function(result) {

    $("#partnersName").val(result.partnersName);

    //select赋值

    $("#partnersType").val(result.partnersType);

    $("#partnersStatus").val(result.partnersStatus);

    renderForm();//表单重新渲染,要不然添加完显示不出来新的

    $("#partnersProprotion").val(result.partnersProprotion);

    $("#partnersAddress").val(result.partnersAddress);

    $("#partnersMan").val(result.partnersMan);

    $("#partnersContact").val(result.partnersContact);

    }

    });

    layui的select下拉框太长被遮挡了的解决办法

    layui的select下拉框太长采用滚动条的形式出现,可以给select的dl加一个最大高度,具体的效果如下图 .layui-form-select dl { max-height:160px; }

    LayUI中select下拉框选中触发事件

    代码: var form = layui.form, layer = layui.layer; // 监听 $(document).ready(function() { // select下拉框选中触 ...

    让人头疼一晚上的 select 下拉框赋值问题

    一开始做这个功能 批量修改用户组 , 当勾选若干用户组后, 点击[批量修改用户组]->ajax提交后台查询->返回下拉菜单列表内容-> 弹出对话框并赋予下拉菜单select 动态数值 ...

    layui select 下拉框 级联 动态赋值 与获取选中值

    //下拉框必须在 class="layui-form" 里 不然监听事件没有作用

    jquery选中将select下拉框中一项后赋值给text文本框

    jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框 因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件. ...

    jquery操作select下拉框的多种方法&lpar;选中&comma;取值&comma;赋值等&rpar;

    Query获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Sel ...

    好看的Select下拉框是如何制造的

    现在在大多数网站中都能看到很华丽的Select下拉框,他们是如何实现的呢?使用默认select肯定是不好实现,我们可以使用div+js去模拟出来select的功能,并且又能很简单的去美化它. CSS代 ...

    分公司下拉框赋值-从后台传到前端jsp

    我的旧代码  List list = metaBranchCfgBO.queryAllBranchList();  request.setAttribute( ...

    随机推荐

    LANDR:在线母带处理

    二前年没看这报道,我就有这样的想法.最近也在完成个别功能,但还是慢,原因有二个:1) 一个人做太慢了,这个要做好有太多工作要做:2) 音乐相关知识功底太差,很多时间在学基础的乐理知识. LANDR是一 ...

    paper 20 :color moments

    图像的颜色特征是很重要的,其中颜色矩也是很重要的一部分.(还有一个关于图像颜色特征的review,对于image color写的比较全面).还有,我要强调一下,本blog上的链接都是Google学术上 ...

    win7 telnet命令无法使用

    很多做网络测试的同学发现安装win7后,无法使用telnet命令了,提示“telnet不是内部或外部命令,也不是可运行的程序”,但是很需要在win7中使用telnet工具,怎么办? 首先你要要确认你的 ...

    cocos2d-x 技能冷却特效

    转自:http://blog.csdn.net/qiurisuixiang/article/details/8779540 1 在CSDN上看到某同学实现的Dota技能冷却效果,自己平时也玩Dota, ...

    【记录】在MAC上安装caffe

    ---恢复内容开始--- 最近尝试在MAC(OS X 10.11 El Capitan)上安装Caffe 以及Python接口遇到了一些问题但是官方安装教程上并没有提出这些问题的解决办法搜索了很久(主 ...

    解开神秘面纱之&OpenCurlyDoubleQuote;AngualrJS 中指令相关的嵌入作用域和模板作用域”

    原文:https://www.airpair.com/angularjs/posts/transclusion-template-scope-in-angular-directives#r1 原标题: ...

    请问:关于织梦dedecms点击导航上的父栏目进去默认显示第一个子栏目的列表的问题

    要设置织梦dedecms点击导航上的父栏目进去默认显示第一个子栏目的列表, 就按照如下图所示的方法进行操作,为什么 点击导航上的父栏目出现死循环呢, 根本浏览不了网页. 请各位大神指点指点,为什么点击 ...

    jacoco&plus;maven 初次使用覆盖率工具

    工作要搞覆盖率测试,看到公司平台上用的jacoco,就找了网上的demo自己跑了一下. 一.覆盖率测试是干什么的 http://www.open-open.com/lib/view/open14721 ...

    使用IIS应用程序初始化来保持ASP&period;NET应用程序的活动

    https://weblog.west-wind.com/posts/2013/Oct/02/Use-IIS-Application-Initialization-for-keeping-ASPNET ...

    展开全文
  • 一、吐槽,layui感觉真的是比较不好用二、为啥不好用呢,在现如今的页面动态渲染的情况的,layui这种基于原生js的模式让代码编写变得很臃肿,可能一个功能的开发我用其vue框架很简便就实现了,但是使用这个就要用很...

    一、吐槽,layui感觉真的是比较不好用

    二、为啥不好用呢,在现如今的页面动态渲染的情况的,layui这种基于原生js的模式让代码编写变得很臃肿,

    可能一个功能的开发我用其vue框架很简便就实现了,但是使用这个就要用很多行代码去实现。

    三、尤其说一下,组件这个问题,

    ①layui的组件需要引入(分引入layui和layer两种情况,)

    ②每使用一个组件就要在js中声明 layui.use([XXX,XXX,XXX])...

    ③然后嘞,以form为例,你每次刷新了数据后或者动态赋值后都要render一下,

    ④组件之间的控制也是在layui.use中,比较模式化。更多的时候使用起来比较僵硬

    ⑤当然也不是没有好的地方,基于原生态入门及操作比较容易,

    ⑥样式比较轻盈好看也是一个吧,

    四、废话呢么多,直接上代码吧

    setDefaultVla:function(){

    //部门

    $('#deptPanel').val(xa.deptId);

    //职位

    $('#postionPanel').val(xa.postionId);

    //性别

    $('#sexDom').val(xa.sex);

    //入职日期

    $('#joinDate').val(xa.joinDate);

    //合同起

    $('#contractStartDate').val(xa.contractStartDate);

    //合同止

    $('#contractEndDate').val(xa.contractEndDate);

    //身份证起

    $('#idCardStartDate').val(xa.idCardStartDate);

    //身份证止

    $('#idCardEndDate').val(xa.idCardEndDate);

    layui.form.render();

    }

    五、当然你也可以使用layui.form.render('select');来专门真多下拉框进行刷新操作。

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

    万次阅读 多人点赞 2020-02-01 13:42:00
    第一步:先把layui官方的模板粘到自己的前端 注:下面的代码是我直接从layui官网粘过来的 <div class="layui-form-item"> <label class="layui-form-label">选择框</label> <div class=...

    代码说明部分

    第一步:先把layui官方给的模板粘到自己的前端
    注:下面的代码是我直接从layui官网粘过来的

    <div class="layui-form-item">
        <label class="layui-form-label">选择框</label>
        <div class="layui-input-block">
          <select name="city" lay-verify="required">
            <option value=""></option>
            <option value="0">北京</option>
            <option value="1">上海</option>
            <option value="2">广州</option>
            <option value="3">深圳</option>
            <option value="4">杭州</option>
          </select>
        </div>
    </div>
    

    第二步:再把上面的代码删除到最简的样式 如下代码片段所示 中间内容根据自己的修改

    <div class="layui-form-item">
    	<label class="layui-form-label">所属院系</label>
    		<div class="layui-input-block">
               <select name="dp" id="dp" lay-verify="required" lay-filter="xmFilter">
                   <option value=""></option>
               </select>
            </div>
    </div>
    

    第三步:编写js文件,实现动态赋值

    <script>
           //下拉框可能会用到 New option
           //这个里面的参数说明 第一个是显示的文本,第二个是value值 
           //例如:new Option(item.xm, item.id)第一个参数是下拉列表中显示的值  第二个参数是选中传递给后台的值
            layui.use(['form', 'upload', 'layer'],function(){
                var form = layui.form;
                $.ajax({
                    url: 'department_json.php',
                    dataType: 'json',
                    type: 'get',
                    success: function (data) {
                        console.log(data);//下面会提到这个data是什么值
                        //使用循环遍历,给下拉列表赋值
                        $.each(data.data, function (index, value) {
                            // console.log(value.department_id);
                            $('#dp').append(new Option(value.department_name,value.department_id));// 下拉菜单里添加元素
                        });
                        layui.form.render("select");//重新渲染 固定写法
                    }
                })
            });
    </script>
    

    可能很多人会问,这个数据从什么地方来,这就要看你们后台给你们什么样的数据了
    我的后台数据是这个样子的

    {"code":0,"msg":"","count":4,"data":[{"id":"1","department_id":"10001","department_name":"信息工程学院"},{"id":"2","department_id":"10002","department_name":"人文学院"},{"id":"3","department_id":"10003","department_name":"电子工程学院"},{"id":"6","department_id":"1111222","department_name":"11111222"}]}
    

    格式化后的数据格式为

    {
      "code": 0,
      "msg": "",
      "count": 4,
      "data": [
        {
          "id": "1",
          "department_id": "10001",
          "department_name": "信息工程学院"
        },
        {
          "id": "2",
          "department_id": "10002",
          "department_name": "人文学院"
        },
        {
          "id": "3",
          "department_id": "10003",
          "department_name": "电子工程学院"
        },
        {
          "id": "6",
          "department_id": "1111222",
          "department_name": "11111222"
        }
      ]
    }
    

    其实这个data就是我们响应回来的json数据
    在这里插入图片描述
    但是我的数据是在data中
    在这里插入图片描述
    所以我会在这里用data.data 去循环我自己data中的值

    $.each(data.data, function (index, value) {
       	// console.log(value.department_id);
        $('#dp').append(new Option(value.department_name,value.department_id));// 下拉菜单里添加元素
    });
    

    这个value是什么值呢? 我们可以打印出来看下
    在这里插入图片描述
    我们可以清晰的看见就是通过each循环 打印出了每一行的值 再取我们要的值就可以了 例如我们要id 就可以直接写成value.id

    演示结果部分在这里插入图片描述

    展开全文
  • 动态赋值前 动态赋值后 多选效果没了 html <div class="layui-form-item"> <label class="layui-form-label">多选label> <div class="layui-input-block"> ...请选择option> <option value="1">1...
  • layui 下拉框动态赋值

    千次阅读 2020-09-05 12:04:17
    核心代码部分为: 在select标签上面的class属性中加一公共类名称,...最后要重新渲染一下select标签,layui.form.render(‘select’); 否则可能还是会不展示下拉数据 <div class="layui-form-item"> <label
  • var shiNameId=$('#... //选中要赋值的元素 shiNameId.add(new Option(bstCompanyAccount.workSiteCity),shiNameId.options[0]) //第一个位置添加元素 shiNameId[0].selected = true; //第一级默认选中
  • layui.use(['form', 'layedit', 'laydate'], function () { var $ = layui.jquery; $.ajax({ url: '../api/SysType/GetArticleType?parentId=1',//json文件位置 type: 'get', //请求方式为get dataType:...
  • div class="layui-inline"> <label class="layui-form-label">测试内容</label> <div class="layui-input-inline"> <select name="projectName" id="contentId" lay-filter=...
  • //下拉框必须在class="layui-form"里不然监听事件没有作用选择项目:选择子级:$.ajax({url:"project/findByParentId",data:{},dataType:"json",success:function(resultData){$("#quiz").empty();if(resultData....
  • layui下拉框赋值

    万次阅读 2017-11-08 18:45:39
    1、定义下拉框<div class="layui-input-block layui-form" lay-filter="selFilter"> 请选择 选项A</opt
  • layui下拉框动态赋值html代码:js代码:上图: html代码: <div class="layui-input-inline"> <select id="service" name="service" lay-verify="required" lay-filter="business" class="select"> ...
  • //获取页面加载时,默认的选中值 var select = 'dd[lay-value="' + $('#1ds').val() + '"]'; //模拟鼠标选中下拉项事件 $('#1ds').siblings("div.layui-form-select").find('dl').find(select).click();
  • 首先layui下拉框多选原本框架是不带这个功能的,本来想实现这个功能打算用js原生实现,后来翻到layui第三方插件xm-select 下拉框多选数据结构 直接上源代码吧 不喜勿喷,第一次写博客,可能表达不好吧,不懂得可以...
  • 今天小编就为大家分享一篇LayUi数据表格自定义赋值方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • $.ajax({ type: 'get', url: 'https://localhost:44370/api/Department/GetList', success: function (msg) { for (var i = 0; i < msg.length; i++) { var str = ' <option value="'...
  • 上篇文章解决了如何联动问题,但是还有一种情况,open子页面时动态下拉框赋值。 直接赋值并不可以,此时下拉框是没有数据的。监听函数并不会触发动态函数。 我的思路: 第一个下拉框直接赋值(本次测试用静态),...
  • layui下拉框后台动态赋值

    千次阅读 2020-12-19 12:04:56
    前台页面:前台js:layui.use(['form', 'upload', 'layer'], function () {var form = layui.form;//检查项目添加到下拉框中$.ajax({url: '../hwjg_App/hwjgApp_ashx/GetXm.ashx',dataType: 'json',type: 'get',...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 708
精华内容 283
关键字:

layui给下拉框赋值