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