JS封装的三级联动菜单(使用时只需要一行js代码(2)

<!DOCTYPE html> <html> <head> <meta content="width=device-width" /> <title>GetProductCategorys</title> <script src="https://www.jb51.net/~/Scripts/jquery-1.10.2.js"></script> <script src="https://www.jb51.net/~/Scripts/extjs/product_category_select.js"></script> </head> <body> <script> $(function () { //添加模式 WJH_Category.Init("DIV1", 0, 0, 0, true); }); </script> div></div> <div></div> </body> </html>

1.带“请选择的”添加模式

演示效果如下:

JS封装的三级联动菜单(使用时只需要一行js代码

2.不带“请选择的”添加模式

演示效果如下:

JS封装的三级联动菜单(使用时只需要一行js代码

3.带“请选择的”修改模式

给三级级联菜单初始化时赋上默认值(应用场景:修改用户的收货地址、修改商品的所属三级分类)

演示效果如下:

JS封装的三级联动菜单(使用时只需要一行js代码

4.不带“请选择的”修改模式

演示效果如下:

JS封装的三级联动菜单(使用时只需要一行js代码

5.修改select的name和id

JS封装的三级联动菜单(使用时只需要一行js代码

结果如下:

JS封装的三级联动菜单(使用时只需要一行js代码

6.修改获取数据的URL

JS封装的三级联动菜单(使用时只需要一行js代码

7.支持回调函数

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzdwgz.html