再次更改代碼的時候,因為城市下拉列表是從數據庫查出來的,所以這時候就想到了一起以前用到的一個方法:select重新渲染
就是把未渲染的元素該怎么設置值還怎么設置值,然后把layer渲染出來的頁面樣式,從新再渲染一次, ,,
示例: [layui渲染文檔](http://www.layui.com/doc/modules/form.html#render)
$("#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選中默認值的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持錯新站長站。
新聞熱點
疑難解答
圖片精選