例如多选框如下:

<div class="layui-form">
<select xm-select="city">
</select>
</div>

  动态加载:

var url = "加载路径";
View.get(url, "city=" + city, function(resp) {
  if (resp) {
    var html = "";
    for (var i = 0; i < resp.length; i++) {
      html += "<option value='" + resp[i].key + "'>" + resp[i].value +"</option>";
    }
    $("select[xm-select='city']").html(html);
}
layui.formSelects.render();// 重新渲染多选框
}, function() {
});

  重新渲染多选框:

layui.formSelects.render();

  例如多选框如下:

<div class="layui-form">
<select name="city" xm-select="city_2">
<option value="1" selected="selected">北京</option>
<option value="2">上海</option>
<option value="3">广州</option>
<option value="4">深圳</option>
<option value="5">天津</option>
</select>
</div>

  禁用:

$("select[xm-select='city_2']").attr("disabled", "disabled");
layui.formSelects.render();

  启用:

$("select[xm-select='city_2']").attr("disabled", false);
layui.formSelects.render();

  赋值:

layui.formSelects.value('city_2', []);          //赋值空数组, 清空所有
layui.formSelects.value('city_2', [1, 2]); //赋值 北京,上海
layui.formSelects.value('city_2', [5], true); //追加赋值 天津
layui.formSelects.value('city_2', [1], false); //删除 已选择 [北京]

  取值:

layui.formSelects.value('city_2');              //取值默认数组
layui.formSelects.value('city_2', 'val'); //取值val数组
layui.formSelects.value('city_2', 'valStr'); //取值val字符串
layui.formSelects.value('city_2', 'name'); //取值name数组
layui.formSelects.value('city_2', 'nameStr'); //取值name字符串

  取值结果:

  取值默认数组:[{"name":"北京","value":"1"}]

  取值val数组:["1"]

  取值val字符串:"1"

  取值name数组:["北京"]

  取值name字符串:"北京"

  详细官网文档:https://fly.layui.com/extend/formSelects/

         http://sun.faysunshine.com/layui/formSelects-v4/example/example_v4.html

LayUI 多选框动态加载、启用、禁用、赋值、取值等js实现的更多相关文章

  1. easyui_tree 复选框 动态加载树

    controller动态获取单位用户树 #region 下拉树菜单 /// <summary> /// 获取工作人员树菜单 /// </summary> /// <par ...

  2. 爬虫--selenuim和phantonJs处理网页动态加载数据的爬取

    1.谷歌浏览器的使用 下载谷歌浏览器 安装谷歌访问助手 终于用上谷歌浏览器了.....激动 问题:处理页面动态加载数据的爬取 -1.selenium -2.phantomJs 1.selenium 二 ...

  3. 爬虫开发6.selenuim和phantonJs处理网页动态加载数据的爬取

    selenuim和phantonJs处理网页动态加载数据的爬取阅读量: 1203 动态数据加载处理 一.图片懒加载 什么是图片懒加载? 案例分析:抓取站长素材http://sc.chinaz.com/ ...

  4. (五)selenuim和phantonJs处理网页动态加载数据的爬取

    selenuim和phantonJs处理网页动态加载数据的爬取 一 图片懒加载 自己理解------就是在打开一个页面的时候,图片数量特别多,图片加载会增加服务器的压力,所以我们在这个时候,就会用到- ...

  5. selenuim和phantonJs处理网页动态加载数据的爬取

    一.图片懒加载 什么是图片懒加载? 案例分析:抓取站长素材http://sc.chinaz.com/中的图片数据 #!/usr/bin/env python # -*- coding:utf-8 -* ...

  6. 6-----selenuim和phantonJs处理网页动态加载数据的爬取

    动态数据加载处理 一.图片懒加载 什么是图片懒加载? 案例分析:抓取站长素材http://sc.chinaz.com/中的图片数据 #!/usr/bin/env python # -*- coding ...

  7. bootstrap 模态框动态加载数据

    .页面中添加modal <!-- 模态框(Modal) --> <div class="modal fade" id="showModal" ...

  8. LayUI中实现上级下拉框动态加载下级下拉框js

    js代码: var form = layui.form, layer = layui.layer; form.on("select(上级)", function(data){ va ...

  9. layui中radio的动态加载(进入修改页面时,设置radio)

    动态设置   radio  的值让它处于选中状态 效果图 : 前端代码: <div class="layui-form-item"> <label class=& ...

随机推荐

  1. jquery input选择器 语法

    jquery input选择器 语法 作用::input 选择器选取表单元素.该选择器同样适用于 <button> 元素.大理石平台价格表 语法:$(":input") ...

  2. 【BZOJ4552】排序(线段树,二分)

    题意:给定一个n个数的排列,有m次操作:op,l,r op=0时表示将位置[L,R]升序排序 op=1时表示将位置[L,R]降序排序 最后询问第q个位置上的数字 n,m,q<=1e5 思路:Fr ...

  3. openwrt 下python程序后台运行,并将打印信息保存文件

    python -u gw20191223.py  > test.log 1 2 & "python" 表示执行python代码 "-u" 表示不启 ...

  4. BZOJ 1920 Luogu P4217 [CTSC2010]产品销售 (模拟费用流、线段树)

    题目链接 (bzoj) https://www.lydsy.com/JudgeOnline/problem.php?id=1920 (luogu) https://www.luogu.org/prob ...

  5. css彩色(渐变)文字

    css彩色文字也称渐变文字 在张鑫旭博客首页看到这效果,就自己研究了一下. 实现方法加个背景然后在根据文本剪切,再把文本填充为透明色让之前设置的背景颜色显示出来即可. -webkit-backgrou ...

  6. Linux环境下TomCat使用指定JDK的版本

    服务器是web服务器,在上面安装了jdk1.7和jdk1.8.及多个tomcat应用,默认/etc/profile 配置的jdk1.7,大部分tomcat应用使用的也是jdk1.7, 但目前有一个新项 ...

  7. SpringBoot 单文件和多文件上传

    单.多文件上传:单文件上传使用upload.html ,多文件上传使用uploads.html 创建一个Springboot application, POM 中加入 spring-boot-star ...

  8. Thrift支持的基本数据类型

    'bool' | 'byte' | 'i8' | 'i16' | 'i32' | 'i64' | 'double' | 'string' | 'binary' | 'slist'(deprecated ...

  9. C++入门经典-例4.2-调用默认参数的函数

    1:代码如下: // 4.2.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <iostream> using ...

  10. python学习---50行代码实现图片转字符画2

    from PIL import Image codeLib = '''@B%8&WM#*oahkbdpqwmZO0QLCJUYXzcvunxrjft/\|()1{}[]?-_+~<> ...