layui-select動態(tài)選中值的例子
更新時間：2019年09月23日 16:48:16 作者：xiaoqiu_net
今天小編就為大家分享一篇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)文章
這篇文章主要為大家詳細(xì)介紹了layui實現(xiàn)文件或圖片上傳記錄，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
這篇文章主要介紹了JavaScript替換當(dāng)前頁面的方法,涉及javascript中replace方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了如何利用JavaScript實現(xiàn)動態(tài)跟隨特效，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)JS有一定的幫助，感興趣的小伙伴可以了解一下2022-06-06
微信jssdk踩坑之簽名錯誤invalid signature
這篇文章主要介紹了微信jssdk踩坑之簽名錯誤invalid signature，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
這篇文章主要為大家詳細(xì)介紹了JS制作網(wǎng)站吸頂條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要介紹了TypeScript 映射類型詳情，一個類型需要基于另外一個類型， 又不想拷貝一份，這個時候可以考慮使用映射類型，映射類型建立在索引簽名的語法上，下面文章我們就從回顧下索引簽名展開TypeScript 映射類型的相關(guān)資料,需要的朋友可以參考一下2021-12-12
本地圖片預(yù)覽(支持IE6/IE7/IE8/Firefox3)經(jīng)驗總結(jié)
遇到的本地圖片預(yù)覽的需求,IE6下可以直接從file的value獲取圖片路徑來顯示預(yù)覽,IE7和IE8下通過select獲取file的圖片路徑，再用濾鏡來顯示預(yù)覽，至于FireFox祥看本文吧，希望可以幫助到你2013-03-03
DOM操作原生js 的bug,使用jQuery 可以消除的解決方法
下面小編就為大家?guī)硪黄狣OM操作原生js 的bug,使用jQuery 可以消除的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
這篇文章主要為大家詳細(xì)介紹了Bootstrap下拉菜單樣式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了javascript如何合并多層級數(shù)組問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01