Java+Thymeleaf环境下获取下拉框选中值并传递给控制器实现带参数URL跳转的方法

嘿，我看你现在的需求是把下拉框里选中的区域值作为参数，跳转到带参数的URL（比如http://localhost:8080/showMap?region=xxx）对吧？你的思路没问题，但当前代码里有几个小细节需要调整，我给你一步步捋清楚：

首先修正表单和下拉框的核心问题 #

你现在的代码里，<select>标签用了th:href是不对的——select本身没有href属性，而且表单用了POST方法，这会导致参数不会出现在URL里。我们需要改成GET方法，同时给select设置正确的name属性，这样提交时参数才能被正确传递：

<form th:action="@{/showMap}" th:method="GET">
    <label for="region" style="border: 1px solid orange;">Region:</label>
    <br />
    <select id="region" name="region" class="form-control">
        <option value="">- Choose region -</option>
        <option th:each="r : ${regions}" th:text="${r}" th:value="${r}"></option>
    </select>
    <!-- 别忘加提交按钮，用户得触发跳转动作呀 -->
    <button type="submit" class="btn btn-primary mt-2">查看地图</button>
</form>

然后配置Spring控制器接收参数 #

你的后端控制器需要用@GetMapping来接收这个GET请求，并获取region参数，示例代码如下：

@GetMapping("/showMap")
public String showMap(@RequestParam(value = "region", required = false) String region, Model model) {
    // 这里可以根据region参数做业务处理，比如查询对应区域的地图数据
    if (region != null && !region.isEmpty()) {
        model.addAttribute("selectedRegion", region);
        // 其他逻辑操作...
    }
    return "map-page"; // 跳转到你的地图页面模板
}

可选：实现选中即自动跳转 #

如果你不想让用户点击提交按钮，选完下拉框就自动跳转，可以给select加个onchange事件，触发表单提交：

<select id="region" name="region" class="form-control" onchange="this.form.submit()">
    <option value="">- Choose region -</option>
    <option th:each="r : ${regions}" th:text="${r}" th:value="${r}"></option>
</select>

关键要点总结 #

• 用GET方法提交表单，才能让参数显示在URL中
• 必须给<select>设置name="region"，对应控制器里@RequestParam的参数名
• 自动跳转依赖JavaScript的onchange事件触发表单提交
• 控制器要正确接收并处理region参数

内容来源于stack exchange