解決layui中onchange失效以及form動(dòng)態(tài)渲染失效的問題
更新時(shí)間：2019年09月27日 11:24:31 作者：樂聞x
今天小編就為大家分享一篇解決layui中onchange失效以及form動(dòng)態(tài)渲染失效的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
最近在使用layui框架做城市的三級(jí)級(jí)聯(lián)的時(shí)候，發(fā)現(xiàn)jquery中的onchange事件方法在layui框架中失效了。
然后瀏覽layui社區(qū)，了解到layui監(jiān)控一個(gè)控件變化有自己的方法。
html
<select lay-filter="test"></select>
js
var form = layui.form();
form.on('select(test)', function(data){
console.log(data);
});
這樣操作即可達(dá)到目的。
對(duì)于動(dòng)態(tài)拼接，給一個(gè)控件賦值的是否，layer也比jquery多一步。
jquery:
$('#city').append('<option value=' + value + '>' + value + '</option>');
layer:
$('#city').append('<option value=' + value + '>' + value + '</option>');
動(dòng)態(tài)拼接完之后，需要調(diào)用
form.render();
頁面才能渲染出動(dòng)態(tài)拼接的內(nèi)容。
以上這篇解決layui中onchange失效以及form動(dòng)態(tài)渲染失效的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JS實(shí)現(xiàn)二維數(shù)組橫縱列轉(zhuǎn)置的方法
下面小編就為大家分享一篇JS實(shí)現(xiàn)二維數(shù)組橫縱列轉(zhuǎn)置的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-04-04
這篇文章主要為大家詳細(xì)介紹了QRCode.js二維碼生成并能長按識(shí)別，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
setTimeout的延時(shí)為0時(shí)多個(gè)瀏覽器的區(qū)別
一直比較迷惑：js的setTimeout到底會(huì)在什么時(shí)候執(zhí)行，如果執(zhí)行了，和主執(zhí)行腳本到底差多長時(shí)間2012-05-05
javascript函數(shù)特點(diǎn)實(shí)例分析
這篇文章主要介紹了javascript函數(shù)特點(diǎn),實(shí)例分析了javascript函數(shù)傳遞參數(shù)及調(diào)用方法,需要的朋友可以參考下2015-05-05
js數(shù)組的基本用法及數(shù)組根據(jù)下標(biāo)(數(shù)值或字符)移除元素
js數(shù)組的用法包括創(chuàng)建、取值賦值、添加以及根據(jù)下標(biāo)(數(shù)值或字符)移除元素等等，在本文將為大家詳細(xì)介紹下，感興趣的朋友可以參考下2013-10-10
微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
本篇文章給大家詳細(xì)分析了JS拋物線動(dòng)畫制作過程以及相關(guān)的代碼實(shí)例分享，有興趣的朋友參考下。2018-02-02
整理Javascript數(shù)組學(xué)習(xí)筆記
整理Javascript數(shù)組學(xué)習(xí)筆記,之前一系列的文章是跟我學(xué)習(xí)Javascript，本文就是進(jìn)一步學(xué)習(xí)javascript數(shù)組，希望大家繼續(xù)關(guān)注2015-11-11
JavaScript動(dòng)態(tài)改變表格單元格內(nèi)容的方法
這篇文章主要介紹了JavaScript動(dòng)態(tài)改變表格單元格內(nèi)容的方法,涉及javascript操作html中table表格的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
JS中使用cavas截圖網(wǎng)頁并解決跨域及模糊問題
這篇文章主要介紹了JS中使用cavas截取網(wǎng)頁并解決跨域以及模糊問題 ,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-11-11