如何在Spring与Thymeleaf中通过HashMap获取提交值并展示下拉选项

我来帮你把这个功能完善好！你已经有了基础的模型和控制器结构，接下来咱们一步步调整，实现下拉框渲染和提交值的获取：

1. 调整模型类（MyForm） #

你原来的模型里只存了选项集合，但还需要一个单独的字段来存储用户选中的值。修改后的代码如下：

public class MyForm {
    private int id;
    // 存储下拉选项的数据源（键是代码，值是显示名称）
    private Map<String, String> countryList;
    // 存储用户提交后选中的国家代码（比如US/UK）
    private String selectedCountry;

    // 生成所有字段的getter和setter方法
    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public Map<String, String> getCountryList() {
        return countryList;
    }

    public void setCountryList(Map<String, String> countryList) {
        this.countryList = countryList;
    }

    public String getSelectedCountry() {
        return selectedCountry;
    }

    public void setSelectedCountry(String selectedCountry) {
        this.selectedCountry = selectedCountry;
    }
}

2. 完善控制器逻辑（MyController） #

在GET方法里把初始化好的HashMap绑定到模型对象，再新增一个POST方法处理表单提交，直接从MyForm对象里获取选中的值：

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;

import java.util.HashMap;
import java.util.Map;

@Controller
public class MyController {

    @GetMapping("/create")
    public String showForm(MyForm myForm) {
        // 初始化国家选项集合
        Map<String, String> countryList = new HashMap<>();
        countryList.put("US", "United States");
        countryList.put("UK", "United Kingdom");
        // 把选项集合设置到表单模型中，供视图渲染使用
        myForm.setCountryList(countryList);
        return "myview";
    }

    @PostMapping("/submit")
    public String submitForm(MyForm myForm) {
        // 直接通过getter获取用户选中的国家代码
        String selectedCode = myForm.getSelectedCountry();
        // 如果需要对应的国家名称，可以从countryList中取出
        String selectedName = myForm.getCountryList().get(selectedCode);
        
        // 这里可以添加你的业务逻辑，比如打印日志、保存到数据库等
        System.out.println("选中的国家代码：" + selectedCode);
        System.out.println("选中的国家名称：" + selectedName);
        
        // 提交后跳转的页面，这里示例为success页面
        return "success";
    }
}

3. 编写视图页面（以Thymeleaf为例） #

假设你用的是Spring Boot常用的Thymeleaf模板引擎，编写myview.html来渲染下拉框并绑定表单字段：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>国家选择表单</title>
</head>
<body>
    <form th:action="@{/submit}" th:object="${myForm}" method="post">
        <label for="country">选择国家：</label>
        <select th:field="*{selectedCountry}" id="country">
            <!-- 遍历countryList，键作为option的value，值作为显示文本 -->
            <option th:each="entry : *{countryList}" 
                    th:value="${entry.key}" 
                    th:text="${entry.value}"></option>
        </select>
        <button type="submit">提交</button>
    </form>
</body>
</html>

关键说明： #

• 模型中的countryList是下拉框的数据源，selectedCountry是用来存储用户选中值的字段，二者要分开，不要混用。
• 控制器的GET方法负责初始化选项并传递给视图，POST方法接收提交的表单对象，Spring会自动把选中的值填充到selectedCountry字段中。
• 视图里的th:field会自动完成表单字段的绑定，包括页面回显和提交时的数据传递。

内容的提问来源于stack exchange，提问作者cool cool