如何定位具有使用 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()&nbsp;//&nbsp;req&nbsp;id&nbsp;100&nbsp;is&nbsp;just&nbsp;an&nbsp;example如果要使其动态化，请将元素的 Id 传递给目标函数，并在函数中使用 Id 检索值。<button&nbsp;th:value="${req.id}"class="button"&nbsp;type="button"th:onclick="'validate_ticket_number(\'incidentNumber'+${req.id}+'\')'">&nbsp;Update</button>然后在validate_ticket_number()函数中使用提供的 id 访问值，例如：function&nbsp;validate_ticket_number(id){&nbsp; &nbsp;var&nbsp;value&nbsp;=&nbsp;$(id).val(); }