layer插件select选中默认值的方法
程序员文章站
2023-09-07 14:56:55
再次更改代码的时候,因为城市下拉列表是从数据库查出来的,所以这时候就想到了一起以前用到的一个方法:select重新渲染
就是把未渲染的元素该怎么设置值还怎么设置值,然后把...
再次更改代码的时候,因为城市下拉列表是从数据库查出来的,所以这时候就想到了一起以前用到的一个方法:select重新渲染
就是把未渲染的元素该怎么设置值还怎么设置值,然后把layer渲染出来的页面样式,从新再渲染一次, ,,
示例: [layui渲染文档]()
$("#username).val("小明"); ... $("#city").val("天剑山"); ...一大堆需要设置的值,然后一个渲染,就可以了 form.render(); //更新全部 form.render('select'); //刷新select选择框渲染
下面的废弃!!!!!!!!!!!!!!
/** * layui:select插件,默认选中 * ps:单个下拉框 * @param 下拉框的id * @param 想要让选中的值:str */ function layuiselected(id,str){ //0、设置select的值 $("#"+id).attr("value",str); //0.1把select下的option的selected换成现在的 $("#"+id).children("option").each(function(){ if ($(this).text() == str) { $(this).attr("selected","selected"); }else{ if ($(this).attr("selected") == "selected") { $(this).removeattr("selected"); } } }); //1、首先设置输框 $("#"+id).siblings("div[class='layui-unselect layui-form-select']").children("div[class='layui-select-title']").children("input").val(str); //2、其次,设置dl下的dd $("#"+id).siblings("div[class='layui-unselect layui-form-select']").children("dl").children("dd").each(function(){ if ($(this).text() == str){ if (!$(this).hasclass("layui-this")) { $(this).addclass("layui-this"); $(this).click(); } return true; }else{ if ($(this).hasclass("layui-this")) { $(this).removeclass("layui-this"); } } }); }
以上这篇layer插件select选中默认值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
推荐阅读
-
select标签设置默认值选择(select设置初始值的方法)
-
elementUI select组件默认选中效果实现的方法
-
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
-
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
-
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
-
select标签设置默认值选择(select设置初始值的方法)
-
jquery获取select选中值的文本,并赋值给另一个输入框的方法
-
elementUI select组件默认选中效果实现的方法
-
select2 ajax 设置默认值,初始值的方法
-
vue项目中使用vue-layer弹框插件的方法