Question

我有以下用户可以添加到问题的标签的下拉列表：

  <select th:field="*{label}" id="label" class="form-control">
               <option th:each="label : ${labels}"
                       th:value="${label.labelId}"
                       th:text="${label}"></option>
  </select>

现在，每当用户点击下拉列表中的项目时，我想将此列表中的项目添加到下拉列表下方的另一个文本字段中。这可能没有Javascript吗？因为我的JS知识不是很好。

在一个完美的世界中，我只想重新创建Stackoverflow标签系统，但我在这里找到的答案看起来有点复杂。

也许我不是很清楚，我打算在下面的输入字段中显示所选标签：

 <select th:field="*{label}" id="label" class="form-control">
                        <option th:each="label : ${labels}"
                                th:value="${label.labelId}"
                                th:text="${label}"></option>
 </select>

 <input type="text" class="form-control" id="labelSelected" name="labelSelected" placeholder="Selected Labels" />

Answer 1

不需要Javascript，请使用Java Enum，例如：

Java代码

package com.example;

public class AnYear {

    public static enum Season {

        SPRING("spring"),
        SUMMER("summer"),
        AUTUMN("autumn"),
        WINTER("winter");

        private final String season;

        Season(String season) {
            this.season = season;
        }

        public String getSeason() {
            return season;
        }
    }

}

Thymeleaf模板（* .html文件）

<select>
    <option th:each="season : ${T(com.example.AnYear.Season).values()}" th:value="${season}" th:text="${season}"></option>
</select>

将列表项添加到Thymeleaf字段

1 个答案: