首页 > 其他分享 >layUI select下拉框动态赋值和设置选中值

layUI select下拉框动态赋值和设置选中值

时间:2024-04-15 15:37:36浏览次数:20  
标签:TypeID layUI 选中 设置 layui 下拉框 select

layUI select下拉框动态赋值和设置选中值

<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>

设置选中值,今天我设置了值但layUI没有显示我选中的值,原因是没有 layui.form.render("select");这个没有设置.

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

标签:TypeID,layUI,选中,设置,layui,下拉框,select
From: https://www.cnblogs.com/HeroZhang/p/18136028

相关文章

  • LayUI弹窗确定后获取子页面的值(如获取UEditor富文本的内容,或input标签内容)
    LayUI弹窗确定后获取子页面的值(如获取UEditor富文本的内容,或input标签内容)子窗体JS代码<scriptsrc="~/lib/ueditor-1.4.3.3/ueditor.config.js"></script><scriptsrc="~/lib/ueditor-1.4.3.3/ueditor.all.js"></script><script>varue=UE.......
  • 获取layui表格(table)当前页的页码值和当前页的数据条数
    获取layui表格(table)当前页的页码值和当前页的数据条数在浏览器查看源码,获取当前页面的数据条数如下核心代码$(".layui-laypage-limits").find("option:selected").val()//分页数目$(".layui-laypage-skip").find("input").val()//当前页码值//转载请保留原创地址http:......
  • layUI Table自定义工具栏和搜索参数
    layUITable自定义工具栏和搜索参数视频讲解地址https://www.bilibili.com/video/BV1P94y197nNHTML代码<divclass="container-fluid"><tableclass="layui-hide"id="test"lay-filter="test"></table></div><s......
  • layUI layer弹框按钮 : 确认,取消,关闭事件
    layUIlayer弹框按钮:确认,取消,关闭事件layer.open({title:'头信息',btn:['确认','取消','按钮3'],//多个按钮直接用btn1/btn2/btn3...回调area:['85%','95%'],content:"<divstyle='font-size:15px......
  • Ubuntu20.04开机黑屏左上角光标闪烁,以及移除Nvidia驱动后造成的无法启动docker容器问
      这几天系统更新,显卡驱动由525.147.05升级到了535.171.04(tested),终端运行watch-n1nvidia-smi实时显示显卡占用情况时,偶尔出现FailedtoinitializeNVML:Driver/libraryversionmismatch问题,于是将驱动切换成openkernal版本,重启后黑屏左上角光标闪烁,于是尝试使用命令......
  • [C#] LINQ之SelectMany
    [C#]LINQ之SelectMany 声明:本文为www.cnc6.cn原创,转载时请注明出处,谢谢!一、第一种用法:publicstaticIEnumerable<TResult>SelectMany<TSource,TResult>(thisIEnumerable<TSource>source,Func<TSource,IEnumerable<TResult>>selector);官方释义:将序列的每个......
  • Enumerable.SelectMany 方法
    Enumerable.SelectMany方法参考反馈定义命名空间:System.Linq程序集:System.Linq.dll将序列的每个元素投影到 IEnumerable<T> 并将结果序列合并为一个序列。重载展开表SelectMany<TSource,TCollection,TResult>(IEnumerable<TSource>,Func<TSour......
  • docker 报错:不能选择设备驱动 could not select device driver 的解决方法(实测有效)
    Ubuntu安装完docker引擎后,在创建容器的时候指定 --gpusall,出现报错如下:报错: docker:Errorresponsefromdaemon:couldnotselectdevicedriver""withcapabilities:[[gpu]].解决该问题还需要安装Nvidia-docker,本篇参照Nvidia官网。NVIDIAContainerToolkit在许多......
  • 关于Layui的多层级的下拉选项Select使用教程
    案例代码<selectname="parentSelect"lay-filter="parentSelect"><optionvalue="">请选择父级选项</option><optionvalue="1">父级选项1</option>......
  • 基于SSM+MySql+Layui的在线教育视频课程管理系统(附论文)
    演示视频基于SSM+MySql+Layui的在线教育视频课程管理系统(附论文)-源码乐园技术描述开发工具:Idea/Eclipse数据库:mysqlJar包仓库:Maven前段框架:LayUI后端框架:Spring+SpringMVC+Mybatis+MySQL文字描述基于SSM+MySql+Layui的在线教育视频课程管理系统,分为用......