Thymeleaf 动态设置下拉菜单选项的 disabled 状态
要实现这个功能,你可以使用 Thymeleaf 的条件表达式来动态设置下拉菜单选项的 disabled 属性。
首先,在 Thymeleaf 中,你可以使用 'th:each' 指令来遍历下拉菜单的选项。在遍历的过程中,你可以使用条件表达式来判断是否将选项设为 disabled。
以下是一个示例代码:
<select>
<option th:each='option : ${options}'
th:value='${option.value}'
th:text='${option.text}'
th:disabled='${option.value == disabledValue}'>
</option>
</select>
在这个示例中,'${options}' 是一个包含所有选项的列表,'${option.value}' 表示选项的值,'${option.text}' 表示选项的显示文本,'disabledValue' 是传过来的被设为 disabled 的值。
在 'th:disabled' 属性中,使用了条件表达式 '${option.value == disabledValue}' 来判断是否将该选项设为 disabled。如果选项的值等于传过来的被设为 disabled 的值,则 'th:disabled' 表达式的值为 true,选项将被设为 disabled;否则,选项将保持不变。
通过这种方法,你可以动态地设置下拉菜单的 disabled 状态,只更改传过来的值,而其他选项的 disabled 状态将保持不变。
原文地址: https://www.cveoy.top/t/topic/pdzw 著作权归作者所有。请勿转载和采集!