如何调用 url 这取决于 Thymeleaf 中的输入？

Question

我在 Thymeleaf 中有一个表单，其中有一个下拉列表和一个按钮。我想在单击按钮时调用 URL，这取决于所选下拉列表的值。从下拉列表中，选择 serviceId，然后 URL 也使用 serviceId。我该怎么做？

<form action="#" th:action="@{/heart2heart/format/{serviceId}}" method="get" role="form">
    <div class="form-group">
    <select th:field="*{serviceId}" class="form-control">
        <option th:each="service : ${services}"
                  th:value="${service.id}"
                  th:text="${service.description}">Customer Service</option>
    </select>
    </div>
    <div class="form-group">
        <button type="button" name="addRow" th:text="#{button.download}"
            class="btn btn-primary btn-md">Download</button>
    </div>
</form>

Answer 1

这是 javascript/jquery 的组合并将其集成到您的表单中。

所以首先你需要设置一些id：

 <select id="someidyougaveit" th:field="*{serviceId}" class="form-control">
//code
        </select>

    <form id="yourform" action="#" th:action="@{/heart2heart/format/{serviceId}}" method="get" role="form">
    // code
    </form>

然后使用Javascript获取值后改变动作：

var frm = document.getElementById('yourform');
if(frm) {
   frm.action = 'yoururl'+$("#someidyougaveit").val(); 
}

如何调用 url 这取决于 Thymeleaf 中的输入？

How to call url which depends on input in Thymeleaf?

html

spring-mvc

thymeleaf