layui-select動態(tài)選中值的例子
更新時間：2019年09月23日 16:48:16 作者：xiaoqiu_net
今天小編就為大家分享一篇layui-select動態(tài)選中值的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
layui的select在form渲染后，會重新構造一份DOM數(shù)據(jù)，將原生的select元素隱藏了。
我是使用的vue動態(tài)綁定的options，這里綁定v-model就失效了。
我想編輯某行的時候，動態(tài)選中select的值。
1.需要改變對應input的顯示值。
2.對應新構造的select中的值，layui-this樣式標識選中。
那么在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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了JavaScript 生成唯一ID的幾種方式，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2021-02-02
js 右下角彈窗效果代碼,雖然IE only，但這個代碼的邏輯可以參考下。了解下IE與firefox的區(qū)別，自己寫個兼容的版本吧。2010-06-06
這篇文章主要介紹了JS仿iGoogle自定義首頁模塊拖拽特效的方法,實例分析了頁面的布局及拖拽的實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了js表單登陸驗證的方法,基于thinkPHP前端頁面實現(xiàn)javascript針對表單用戶名與密碼的驗證功能,需要的朋友可以參考下2016-10-10
javascript setAttribute, getAttribute 在不同瀏覽器上的不同表現(xiàn)
該方法把指定的屬性設置為指定的值。如果不存在具有指定名稱的屬性，該方法將創(chuàng)建一個新屬性。2010-08-08
這篇文章主要為大家詳細介紹了微信小程序手動添加收貨地址省市區(qū)聯(lián)動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
JavaScript Function函數(shù)類型介紹
在JS中,Function(函數(shù))類型實際上是對象;每個函數(shù)都是Function類型的實例;而且都與其他引用類型一樣具有屬性和方法2015-04-04
這篇文章主要介紹了在一覽畫面點擊復選框后獲取多個id值的方法，前臺采用js技術后臺采用java技術實現(xiàn)的，邏輯清晰，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-05-05
JS中獲取函數(shù)調(diào)用鏈所有參數(shù)的方法
這篇文章主要介紹了JS中獲取函數(shù)調(diào)用鏈所有參數(shù)的方法,本文直接給出代碼示例,需要的朋友可以參考下2015-05-05
js 優(yōu)化次數(shù)過多的循環(huán) 考慮到性能問題
IE沒有我們想象中笨，它知道總的循環(huán)次數(shù)還是一千萬次。因此，得把這一百個十萬次循環(huán)分開執(zhí)行。雖然Javascript是單線程的，但也可以通過setTimeout或setInterval模擬多線程。2011-03-03