我有两个下拉菜单(选择元素)。第一个表示类别(从 Thymeleaf 模型属性填充),第二个:所选类别的项目(使用 jQuery Ajax 根据第一个选择的值进行填充)。我想在提交表单后保留这两个值。对于第一个下拉列表很简单(th:使用 Spring Controller 添加的 usersCategory 模型属性进行选择):
<select id="someCategory" name="someName">
<option th:each="category : ${categories}" th:value="${category.id}" th:selected="${category.id}==${usersCategory}" th:text="${category.longName}"></option
</select>
但是第二个下拉列表是动态填充的,因此 html 只是:
<select id="someItems" name="someItemsName">
</select>
我不知道如何仅使用 Thymeleaf/JavaScript/jQuery 来保留第二个下拉列表的值(没有 cookie、其他库等)。我尝试使用内联表达式来获取模型属性,但是设置第二个下拉列表的值不起作用。
最佳答案
实际上,我通过使用 Thymeleaf 文档 link 中描述的内联表达式来使其工作。访问模型属性。只需确保我在 Ajax 请求之后设置 select 元素的值,而不是在内联脚本中设置。
关于javascript - Thymeleaf/JavaScript 保留动态填充的选择元素的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60334102/