LayUI 多选框动态加载、启用、禁用、赋值、取值等js实现
例如多选框如下:
<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实现的更多相关文章
- easyui_tree 复选框 动态加载树
controller动态获取单位用户树 #region 下拉树菜单 /// <summary> /// 获取工作人员树菜单 /// </summary> /// <par ...
- 爬虫--selenuim和phantonJs处理网页动态加载数据的爬取
1.谷歌浏览器的使用 下载谷歌浏览器 安装谷歌访问助手 终于用上谷歌浏览器了.....激动 问题:处理页面动态加载数据的爬取 -1.selenium -2.phantomJs 1.selenium 二 ...
- 爬虫开发6.selenuim和phantonJs处理网页动态加载数据的爬取
selenuim和phantonJs处理网页动态加载数据的爬取阅读量: 1203 动态数据加载处理 一.图片懒加载 什么是图片懒加载? 案例分析:抓取站长素材http://sc.chinaz.com/ ...
- (五)selenuim和phantonJs处理网页动态加载数据的爬取
selenuim和phantonJs处理网页动态加载数据的爬取 一 图片懒加载 自己理解------就是在打开一个页面的时候,图片数量特别多,图片加载会增加服务器的压力,所以我们在这个时候,就会用到- ...
- selenuim和phantonJs处理网页动态加载数据的爬取
一.图片懒加载 什么是图片懒加载? 案例分析:抓取站长素材http://sc.chinaz.com/中的图片数据 #!/usr/bin/env python # -*- coding:utf-8 -* ...
- 6-----selenuim和phantonJs处理网页动态加载数据的爬取
动态数据加载处理 一.图片懒加载 什么是图片懒加载? 案例分析:抓取站长素材http://sc.chinaz.com/中的图片数据 #!/usr/bin/env python # -*- coding ...
- bootstrap 模态框动态加载数据
.页面中添加modal <!-- 模态框(Modal) --> <div class="modal fade" id="showModal" ...
- LayUI中实现上级下拉框动态加载下级下拉框js
js代码: var form = layui.form, layer = layui.layer; form.on("select(上级)", function(data){ va ...
- layui中radio的动态加载(进入修改页面时,设置radio)
动态设置 radio 的值让它处于选中状态 效果图 : 前端代码: <div class="layui-form-item"> <label class=& ...
随机推荐
- [Linux系统] 如何修改CentOS7网卡名
一.关闭一致性网络设备命名法 cat /etc/sysconfig/grub GRUB_TIMEOUT= GRUB_DISTRIBUTOR="$(sed 's, release .*$,,g ...
- Java多线程和并发(三),Thread类和Runnable接口
目录 1.Thread和Runnable接口 三.Thread类和Runnable接口 1.Thread和Runnable接口
- 如何将 GitHub 中的项目导入到 stackblitz.com 中
如何将一个 GitHub 中的项目导入到 stackblitz.com 中,然后开始编辑和编译呢? 例如,我们有一个项目在 GitHub 中的地址为:https://github.com/cwiki- ...
- luoguP1636 Einstein学画画 x
P1636 Einstein学画画 题目描述 Einstein学起了画画, 此人比较懒--,他希望用最少的笔画画出一张画... 给定一个无向图,包含n 个顶点(编号1~n),m 条边,求最少用多少笔可 ...
- codevs 2602 最短路径问题x
题目描述 Description 平面上有n个点(n<=100),每个点的坐标均在-10000~10000之间.其中的一些点之间有连线.若有连线,则表示 ...
- SpringMVC参数传递 HttpServletRequest,HttpServletResponse和HttpSession
SpringMVC参数传递 HttpServletRequest,HttpServletResponse和HttpSession 2017-11-27 16:44:51 douunderstand 阅 ...
- 一起学vue指令之v-bind
一起学vue指令之v-bind 一起学 vue指令 v-bind 网页的图片url地址并不是固定写死的,如果写死,每一个活动就改一次图片的url,一个网页有多少张图片,工作量多大? 通常来说,客户端 ...
- [学习笔记] CNN与RNN方法结合
CNN与RNN的结合 问题 前几天学习了RNN的推导以及代码,那么问题来了,能不能把CNN和RNN结合起来,我们通过CNN提取的特征,能不能也将其看成一个序列呢?答案是可以的. 但是我觉得一般直接提取 ...
- gherkin
语法 The primary keywords are: Feature Rule (as of Gherkin 6) Scenario (or Example) Given, When, Then, ...
- 八、MD5加密并封装,并调用封装方法
一.MD5加密 封装Md5 public class Md5 { //十六进制下数字到字符的映射数组 private static final char hexDigits[] = { '0', '1 ...