Javascript 如何使用thymeleaf通过参数传递隐藏字段？

我在屏幕上动态更新了这些隐藏字段：

<input type="hidden" id="orderField" name="orderField" value=""></input>
<input type="hidden" id="orderType" name="orderType" value=""></input>

我有一个链接可以调用控制器：

<a th:if="${!projectCentreSearchResult.readOnly}" onclick="updateOrderField()" href="#"
   th:href="@{/projectCentre/edit(projectCentreId=${projectCentreSearchResult.projectCentreId},orderField=$('#orderField').val(),orderType=$('#orderType').val())}">
    <span class="fa fa-pencil"></span>
</a>

我需要做的是将隐藏字段上的orderField和orderType作为参数传递。如果我通过硬编码，它就可以正常工作。问题是我无法使用JQuery获得它

根据屏幕上的其他字段，我在调用updateOrderField函数时更新隐藏字段。它在那里工作得很好。问题是，当我尝试使用JQuery传递参数时，它不起作用。 我还尝试了另一种方法，尝试传递参数，如${param.orderField}，但也不起作用

从那里经过的正确方法是什么

---

谢谢大家!

您可以尝试使用以下表单：

<form action="@{/projectCentre/edit}" th:action="@{/projectCentre/edit}" th:object="${your_Model}" method="post">
  <input type="hidden" id="orderField" name="orderField" th:value="${orderField}"/>
  <input type="hidden" id="orderType" name="orderType" th:value="${orderType}"/>
  <button name="action"></button>
</form>

---

您可以尝试使用以下表单：

<form action="@{/projectCentre/edit}" th:action="@{/projectCentre/edit}" th:object="${your_Model}" method="post">
  <input type="hidden" id="orderField" name="orderField" th:value="${orderField}"/>
  <input type="hidden" id="orderType" name="orderType" th:value="${orderType}"/>
  <button name="action"></button>
</form>

但是我会通过邮寄的方式调用该操作。。。我想继续通过get调用它，但只需传递其他两个参数，将方法从post更改为gets，然后我将通过post调用操作。。。我想继续通过get调用它，但只需传递另外两个参数，即可将方法从post更改为get