最近在学习layui,不得不说这个layui真的很不错。开发带来了很多方面之处。
我们在开发中会常常用到联动菜单。但是layui的联动菜单,需要监听一级菜单的操作。要不是的话,还真不好搞。我也是看了好久好久的资料才学会的。为了方便以后使用,特整理资料如下。
下面是我自己的网页游戏平台的充值界面。点击一级菜单,选择不同的游戏的时候,通过jquery的AJAX,把对应的值传递给服务器处理后,并右边二级菜单要返回显示对应游戏的服务器列表。
示例代码:
选择游戏:
//表示要鉴听这个下载菜单就要加:lay-filter 过滤器。
请选择要充值的游戏
剑雨江湖
九阴真经
帝王霸业
百战天下
天龙八部
//因为获取到的数据还需要刷新一下,所以,指定刷新这个二级菜单的
请选择服务器
下面是Jquery的代码用来监听指定的select,并把值传递给指定的网页来处理。
//监听二级联动菜单的操作
layui.form.on('select(一级下拉菜单的ID)', function(data){
//把下拉菜单