下拉框三级联动，数据库动态获取数据（springboot+ajax+html）

成长的路y

于 2019-04-15 23:21:47 发布

阅读量5.7k

点赞数 5

分类专栏：前端文章标签：三级联动

本文链接：https://blog.youkuaiyun.com/qq_41508632/article/details/89323396

版权

本文详细介绍了如何使用SpringBoot后端配合Ajax和HTML，实现在前端页面上创建三级联动的下拉框，通过动态从数据库获取数据，确保数据实时更新和交互的流畅性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面：

<#select id="whouseUuid" name="选择仓库" underline="true">
      <option value="">请选择</option>
</#select>
<#select id="regionUuid" name="选择库区" underline="true">
      <option value="">请选择</option>
 </#select>                            
<#select id="shelvesUuid" name="选择货架" underline="true">
      <option value="">请选择</option>
 </#select>

JS：

$(function(){
    $.ajax({
        type:"POST",
        url:Feng.ctxPath + "/tCommonCargoLocation/queryWhun",
        dataType: "json",
        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
        async: false,
        cache: false,
        success: function (data) {
            $.each(data,function(index,item)

最低0.47元/天解锁文章