如何通过多个下拉列表＆＃x27;价值回到控制器？

Question

在我的Spring Boot项目的一部分中，有一个页面让用户在不同的下拉列表中选择项目。 由于下拉列表是使用对象列表构建的，因此我不能像在其他地方一样通过其ID传递其ID。 我有什么办法或解决方法可以将所有选定的项目传递给控制器​​？

<div　th:each="group : ${groups}">
    <label th:text="${group.name + ': '}"></label>
    <select name="name" id ="id">       
            <option th:each="item: ${group.items}" th:object="${item}" th:value="${item.id}" th:text="${item.name}"></option>
    </select>
    <br>
</div>  

Answer 1

我可以为您提供我使用的假设解决方案，但您必须自己实施其余的解决方案。

在我的模板中，我有一个下拉列表，我的工作是添加了一个on Change操作。这将我从下拉列表中选择的任何内容添加到隐藏的输入字段。添加完成后，我将在文本字段中发送数据。

    <select class="exempt" onchange="addProgrammingLanguages(this, 'dropId', 'langtxt');">
      <option value="Select">Select languages *</option>
      <option value="Java">Java</option>
      <option value="Javascript">Javascript</option>
      <option value="Python">Python</option>
      <option value="C">C</option>
      <option value="C#">C#</option>
    </select>
    <div class="exempt" id="dropId" style="max-width:80%; border:none; height:auto; display:flex; flex-direction:row; gap:5px; flex-wrap:wrap;">

    </div>
    <input id="langtxt" type="hidden" th:field="*{language}">

function addProgrammingLanguages(menu, ident, txtfield)
{
    var selected = menu.value;

    button.onclick = function() {
        removeMenu(this.id, ident);
        document.getElementById(txtfield).value = document.getElementById(txtfield).value.replace(this.id.split("_")[0]+"_",'');
     };


    document.getElementById(txtfield).value += selected+'_';
    menu.selectedIndex=0;
}

在我的代码中，我向所有输入添加了一个_在我的Java中，我将使用string.split（）方法分析。您不必添加一个_，但是就我而言，我有一个单一字符的选择，如果您添加特殊字符，我也可以更轻松地拆分。

希望这会有所帮助。