解決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)拼接完之后,需要調(diào)用
form.render();
頁面才能渲染出動態(tài)拼接的內(nèi)容。
以上這篇解決layui中onchange失效以及form動態(tài)渲染失效的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS實現(xiàn)二維數(shù)組橫縱列轉(zhuǎn)置的方法
下面小編就為大家分享一篇JS實現(xiàn)二維數(shù)組橫縱列轉(zhuǎn)置的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-04-04js數(shù)組的基本用法及數(shù)組根據(jù)下標(biāo)(數(shù)值或字符)移除元素
js數(shù)組的用法包括創(chuàng)建、取值賦值、添加以及根據(jù)下標(biāo)(數(shù)值或字符)移除元素等等,在本文將為大家詳細介紹下,感興趣的朋友可以參考下2013-10-10整理Javascript數(shù)組學(xué)習(xí)筆記
整理Javascript數(shù)組學(xué)習(xí)筆記,之前一系列的文章是跟我學(xué)習(xí)Javascript,本文就是進一步學(xué)習(xí)javascript數(shù)組,希望大家繼續(xù)關(guān)注2015-11-11JavaScript動態(tài)改變表格單元格內(nèi)容的方法
這篇文章主要介紹了JavaScript動態(tài)改變表格單元格內(nèi)容的方法,涉及javascript操作html中table表格的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03JS中使用cavas截圖網(wǎng)頁并解決跨域及模糊問題
這篇文章主要介紹了JS中使用cavas截取網(wǎng)頁并解決跨域以及模糊問題 ,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11