layui多级联动下拉框的实现_layui实现下拉框三级联动

这篇博客详细介绍了如何使用layui在项目中实现多级联动的下拉框功能,包括表结构设计、Mybatis XML配置、页面元素、JS代码实现,并提供了页面效果展示和SQL下载链接。通过监听各个下拉框的改变事件,动态加载下一级数据,实现了省-市-县/区的联动选择。
摘要由CSDN通过智能技术生成

项目需要用layui的三级联动,自己整理了一下,做个记录

1.表结构设计

CREATE TABLE `dt_area` (

`id` int(11) NOT NULL AUTO_INCREMENT COMMENT '区域主键',

`area_name` varchar(16) DEFAULT NULL COMMENT '区域名称',

`area_code` varchar(128) DEFAULT NULL COMMENT '区域代码',

`area_short` varchar(32) DEFAULT NULL COMMENT '区域简称',

`area_is_hot` varchar(1) DEFAULT NULL COMMENT '是否热门(0:否、1:是)',

`area_sequence` int(11) DEFAULT NULL COMMENT '区域序列',

`area_parent_id` int(11) DEFAULT NULL COMMENT '上级主键',

`init_date` timestamp NULL DEFAULT CURRENT_TIMESTAMP COMMENT '初始时间',

PRIMARY KEY (`id`),

KEY `parent_id` (`area_parent_id`) USING HASH

) ENGINE=InnoDB AUTO_INCREMENT=900001 DEFAULT CHARSET=utf8 COMMENT='区域字典&

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值