layui-select動態(tài)選中值的例子
layui的select在form渲染后,會重新構(gòu)造一份DOM數(shù)據(jù),將原生的select元素隱藏了。
我是使用的vue動態(tài)綁定的options,這里綁定v-model就失效了。
我想編輯某行的時候,動態(tài)選中select的值。
1.需要改變對應(yīng)input的顯示值。
2.對應(yīng)新構(gòu)造的select中的值,layui-this樣式標(biāo)識選中。
那么在table編輯的時候,代碼如下:
var $div = $("#categoryParentCode").next(); $div.find('.layui-this').removeClass('layui-this'); var parentCode = row.data.ParentCode; if(parentCode!==""){ $div.find('div input').val(parentCode); $div.find('dl dd[lay-value="'+parentCode+'"]').addClass('layui-this'); }else{ $div.find('div input').val(""); }
就可以動態(tài)選中了。
layui使用版本:2.2.45
以上這篇layui-select動態(tài)選中值的例子就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
微信jssdk踩坑之簽名錯誤invalid signature
這篇文章主要介紹了微信jssdk踩坑之簽名錯誤invalid signature,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05本地圖片預(yù)覽(支持IE6/IE7/IE8/Firefox3)經(jīng)驗總結(jié)
遇到的本地圖片預(yù)覽的需求,IE6下可以直接從file的value獲取圖片路徑來顯示預(yù)覽,IE7和IE8下通過select獲取file的圖片路徑,再用濾鏡來顯示預(yù)覽,至于FireFox祥看本文吧,希望可以幫助到你2013-03-03DOM操作原生js 的bug,使用jQuery 可以消除的解決方法
下面小編就為大家?guī)硪黄狣OM操作原生js 的bug,使用jQuery 可以消除的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09