HTML - ThymeLeaf 模板：<form th:action="@{/gustos}" method="post" th:object="${gusto}"> <div class="col s12 l8"> <select th:field="*{categoria}"> <option value="" disabled="disabled">Categoria</option> <option value="Dulces de Leche">Dulce de Leche</option> <option value="Cremas">Cremas</option> <option value="Chocolates">Chocolates</option> <option value="Frutales">Frutales</option> </select> </div></form>這是我的 Java Gusto類屬性： @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private int id; @Column private int idCategoria; @Column private String categoria; @Column // opcional (name="") private String nombre;如果用戶選擇第一個選項 (Dulce de Leche)，我需要Gusto類中的int idCategoria值取值為 1，第二個為 2，第三個為 3，第四個為 4，但是我不知道如何用 ThymeLeaf 做到這一點??！此邏輯基于類別屬性，如果類別等于某個名稱，則類別 ID 將是某個數字...示例：如果類別等于 'Dulces de Leche'，則類別 ID 應為 '1' !!!? 注意我在表單頂部使用對象綁定！我試過這個： <div th:field="*{idCategoria}"> <div th:switch="*{categoria}"> <input type="hidden" th:case="'Dulces de Leche'" value="1" /> <input type="hidden" th:case="'Cremas'" value="2" /> <input type="hidden" th:case="'Chocolates'" value="3" /> <input type="hidden" th:case="'Frutales'" value="4" /> </div> </div>但它不起作用?。?！我想做模板中的邏輯！我該怎么做 ？
2 回答
幕布斯6054654
TA貢獻1876條經驗 獲得超7個贊
您可以使用它jQuery來完成此操作。只需使用您缺少的字段創建一個新的隱藏輸入即可。您的代碼將類似于以下內容。
首先您的新輸入和類別的選擇更改
<input id="id" th:field="*{id}" hidden="hidden"/>
<select id="categorias" th:field="*{categoria}">
<option value="" disabled="disabled">Categoria</option>
<option value="Dulces de Leche">Dulce de Leche</option>
<option value="Cremas">Cremas</option>
<option value="Chocolates">Chocolates</option>
<option value="Frutales">Frutales</option>
</select>
現在你的 jQuery
$('#categorias').on('change', function() {
var value = $(this).val();
if(value === "Dulce de Leche") {
$('#id').val(1);
}
// Now you just fill the rest.
})
所以現在，每次更改類別時，都會為 id 添加一個新值。希望能幫助到你！如果您需要其他任何東西，請告訴我。
慕無忌1623718
TA貢獻1744條經驗 獲得超4個贊
試試這個：
<select th:field="*{categoria}">
<option th:value="" disabled="disabled">Categoria</option>
<option th:value="1" th:text="Dulces de Leche"></option>
<option th:value="2" th:text="Cremas"></option>
<option th:value="3" th:text="Chocolates"></option>
<option th:value="4" th:text="Frutales"></option>
</select>
這樣，當您通過后端檢索值時，它將是 1、2 或 3
添加回答
舉報
0/150
提交
取消