如何定位具有使用 Thymeleaf 组成的 id 的输入字段的值

Question

单击按钮我想获取输入字段的值。但是，我无法定位输入字段，因为字段 id 是另一个组合值。我试过this.value这似乎只传递了 req.id 而不是输入字段中输入的值。我知道获取输入字段值的正确方法是： $(selector).val()但是，以下不适用于当前的实现。 $(incidentNumber+${req.id}).val()<tr th:each="req : ${requests}">        <td><input th:id="incidentNumber+${req.id}" th:name="incidentNumber+${req.id}"                       style="width:100%" type="text" th:value="${req.incidentNumber}"><button th:value="${req.id}"class="button" type="button" onclick="validate_ticket_number(this.value)">Update</button></a></td></tr>我希望输出是在“incidentNumber+${req.id}”输入字段中输入的值

Answer 1

连接字符串的正确方法是：

th:id="'incidentNumber'+${req.id}"

当您在 Javascript 中访问它时（jQuery通过元素的 Id 选择器）您不能使用表达式thyemeleaf，它必须是：

$('#incidentNumber100').val() // req id 100 is just an example

如果要使其动态化，请将元素的 Id 传递给目标函数，并在函数中使用 Id 检索值。

<button th:value="${req.id}"class="button" type="button"th:onclick="'validate_ticket_number(\'incidentNumber'+${req.id}+'\')'"> Update</button>

然后在validate_ticket_number()函数中使用提供的 id 访问值，例如：

function validate_ticket_number(id){ 
 var value = $(id).val();
}