layui select 下拉框 级联 动态赋值 与获取选中值
//下拉框必须在 class="layui-form" 里 不然监听事件没有作用
<div class="layui-form" >
<div class="layui-inline">
<label class="layui-form-label">选择项目:</label>
<div class="layui-input-inline">
<select name="quiz" id="quiz" lay-filter="projectfilter">
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">选择子级:</label>
<div class="layui-input-inline">
<select name="project" id="project" >
</select>
</div>
</div>
<button id="shuxinBtn" class="layui-btn" lay-submit="" lay-filter="seekClassRoom">
<i class="layui-icon"></i>
</button>
</div>
$.ajax({
url : "project/findByParentId",
data : {},
dataType : "json",
success : function(resultData) {
$("#quiz").empty();
if(resultData.code == ){
console.log(resultData.data);
$("#quiz").append(new Option("请选择项目", ""));
$.each(resultData.data, function(index, item) {
$('#quiz')
.append(new Option(item.projectName, item.id));
});
}else{
$("#quiz").append(new Option("暂无数据", ""));
} layui.form.render("select");
}
}) //级联子项目
//select 监听
form.on('select(projectfilter)',function(data){
var value=data.value; //select选中的值
console.log(value);
$.ajax({
url:"project/findParentId",
data:{parentId:value},
dataType:"json",
success:function(resultData){
if(resultData.code == ){
//清空赋值
$("#project").empty();
console.log(resultData.data);
$("#project").append(new Option("请选择项目", ""));
$.each(resultData.data, function(index, item) {
//赋值
$('#project')
.append(new Option(item.projectName, item.id));
});
}else{
$("#project").append(new Option("暂无数据", ""));
}
layui.form.render("select");
}
})
})
layui.form.render("select");
}); 两种方式赋值——————————————————————
$("#getInfoName").find("option[value='"+data.PROJECT_ID+"']").prop("selected",true);
form.render(); //必须要加 $("#getInfoName").prop("disabled",true); //选中不可点击
源文:https://blog.csdn.net/qq_35226176/article/details/84325814 layui select 下拉框 级联 动态赋值 与获取选中值
layui select 下拉框 级联 动态赋值 与获取选中值的更多相关文章
- jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等
简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...
- layui下拉框后台动态赋值
前台页面: <select name="xm" id="xm" lay-verify="required" lay-filter=&q ...
- LAYUI select 下拉框得高度
页面下得select 框 在css页面加样式 .layui-form-select dl { max-height: 152px;}
- Layui select下拉框改变之 change 监听事件(转)
在layui中使用 jquery 触发select 的 change事件无效 使用layui.use监听select事件 <select lay-filter="demo" ...
- JavaScript解决select下拉框中的内容太长显示不全的问题
JavaScript解决select下拉框中的内容太长显示不全的问题 1.说明 有些情况下,select下拉框的内容过长,导致部分看不见: 现在通过鼠标事件,让下拉框中的内容显示完全 2.实现源码 & ...
- layui给select下拉框赋值
转: layui给select下拉框赋值 layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function ...
- jquery选中将select下拉框中一项后赋值给text文本框
jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框 因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件. ...
- Layui:设置select下拉框自动选中某项
1.问题:layUI,在做编辑功能有下拉框数据时,需要初始化选中某个值,layUI官网没有相关api,可能我比较笨没找到 2.解决思路:出发点击事件 3.分析dom树结构,出发dl点击事件 方法: v ...
- LayUI中select下拉框选中触发事件
代码: var form = layui.form, layer = layui.layer; // 监听 $(document).ready(function() { // select下拉框选中触 ...
随机推荐
- Flink原理(三)——Task(任务)、Operator Chain(算子链)和Slot(资源)
本文是参考官方文档结合自己的理解写的,所引用文献均已指明来源,若侵权请留言告知,我会立马删除.此外,若是表达欠妥的地方,欢迎大伙留言指出. 前言 在上一篇博客Flink原理(二) ——资源一文中已简要 ...
- Linux命令——lspci
参考:7 Linux lspci Command Examples to Get PCI Bus Hardware Device Info 简介 lspci可以看成“ls” + “pci”.lspci ...
- linux-秘钥生成
服务器sshd配置 #vim /etc/ssh/sshd_conf PubkeyAuthentication yes AuthorizedKeysFile .ssh/authorized_keys # ...
- React系列,jsx
<script type="text/babel"> var name = "kimoo"; var fn = ()=> "kimo ...
- 题解 洛谷P4302 【[SCOI2003]字符串折叠】
一眼区间\(dp\),但蒟蒻的我还是调了好久\(qwq\) [状态设置] 设\(f[i][j]\)为子串\([i,j]\)的最短折叠 最后答案为\(f[1][n]\) 废话 [初始化] \(1\) 首 ...
- keras模块学习之泛型模型学习笔记
本笔记由博客园-圆柱模板 博主整理笔记发布,转载需注明,谢谢合作! Keras泛型模型接口是: 用户定义多输出模型.非循环有向模型或具有共享层的模型等复杂模型的途径 适用于实现:全连接网络和多输入 ...
- SIGAI机器学习第二十集 AdaBoost算法1
讲授Boosting算法的原理,AdaBoost算法的基本概念,训练算法,与随机森林的比较,训练误差分析,广义加法模型,指数损失函数,训练算法的推导,弱分类器的选择,样本权重削减,实际应用 AdaBo ...
- ps -p {pid} -o etime获取进程运行时间是如何计算出来的?
ps -p 986 -o etime可以获取进程986的执行时间,不论系统时间有没有发生改变,它都可以返回正确的结果: -bash-4.2$ ps -p 986 -o etime ELAPSED 13 ...
- COM Error---HRESULT
一.COM Error 调用COM接口产生的错误.几乎所有的COM函数和接口方法都返回类型为HRESULT的值.HRESULT(用于结果句柄)是返回成功.警告和错误值的一种方法.HRESULTs实际上 ...
- 搞清楚ourhdr.h是什么及运行第一个UNIX C程序
好多人开始学:UNIX 环境高级编程这本书时:看到书里面说的头文件ourhdr.h而找不到她在哪里:而且无法开始继续学习:其实这个就是系统的内核标准头文件: 而她的位置在:/usr/include/u ...