Question

我在Thymeleaf有一个表格，其中有一个下拉列表和一个按钮。我想在单击按钮时调用URL，这取决于所选下拉列表的值。从下拉列表中选择serviceId，然后该网址也会使用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(); 
}

如何调用依赖于Thymeleaf输入的url？

1 个答案: