layer插件select选中默认值的方法

前端之家收集整理的这篇文章主要介绍了layer插件select选中默认值的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

再次更改代码的时候,因为城市下拉列表是从数据库查出来的,所以这时候就想到了一起以前用到的一个方法:select重新渲染

就是把未渲染的元素该怎么设置值还怎么设置值,然后把layer渲染出来的页面样式,从新再渲染一次, ,,

示例:

[layui渲染文档](http://www.layui.com/doc/modules/form.html#render)

下面的废弃!!!!!!!!!!!!!!

插件,默认选中 * 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选中默认值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/30991.html

猜你在找的JavaScript相关文章