Question

如何在其他字段中使用所选的选项？我尝试过使用javascript函数，但我不知道如何设置th：value。

    <script type="text/javascript">
        function selectSprint(selected) {
            var index = selected.selectedIndex;
            var selectedSprint = selected.option[index].value;
            var setInput = document.getElementById("setInput");
            setInput.value = selectedSprint;
        }
    </script>

<select th:field="*{id}" onchange="selectSprint(this);">
    <option th:each="entry : ${list}" th:value="${entry.key}" th:text="${entry.value.name}">
    </option>
</select> 

<input type="text" id="setInput" th:value=""></input>

或者在百里香叶中有没有其他方法可以选择并发送多个值？（我想发送${entry.key}和${entry.value.sprintDuration}。

Answer 1

我猜这里的视图语言是XHTML，而不是HTML

通常基于XHTML的框架（如Java或Java中的JSF）使用这些th:value属性来设置服务器端

的值

请检查最终的HTML（F12），您仍然可以看到th:value的{{1}}属性，因为我认为您不会看到它

<强> UPD

没有看到你正在使用百里香。那么，在这种情况下，我建议你创建一个表单来将数据发送到服务器

https://www.thymeleaf.org/doc/tutorials/2.1/thymeleafspring.html#creating-a-form

因为像thymeleaf这样的框架通常会在服务器上存储状态，这意味着您首先更新服务器 - 然后您的UI会更新

使用javascript函数设置th：value

1 个答案: