Thymeleaf Form Action将所选项目的值作为请求参数

时间:2017-11-02 07:33:15

标签: forms action thymeleaf

我有一个带有选择选项的百万美元形式,我想添加选项选项值(包含对象的id)作为表单操作地址的请求参数, 这是表格的选择部分:

<select th:field="*{caseCategory}">
<option th:each="case : ${caseCategoryList}" th:value="${case.caseCategoryId}" th:text="${case.caseCategoryName + ' - ' + case.caseCategoryCode}"></option>
</select> 

如何将所选项的值作为请求参数添加到表单操作地址, 这是行动地址,

var actionCheck = /*[[@{/memberrki/checkCardNum?action=add}]]*/ '/memberrki/checkCardNum?action=add';
$('#memberRkiForm').attr('action',actionCheck).submit();

我期待这样的地址:

var actionCheck = /*[[@{/memberrki/checkCardNum?action=add&caseCategory=VALUE OF SELECTED ITEM}]]*/ '/memberrki/checkCardNum?action=add&caseCategory=VALUE OF SELECTED ITEM';

请帮助我如何添加这样的请求参数,thx提前, 对不起我的知识。

1 个答案:

答案 0 :(得分:0)

Send the form using HTTP GET method. This will transfer your form data as URL parameters.

<form th:action="@{/memberrki/checkCardNum}" method="GET">
    <input type="hidden" name="action" value="add" />
    <select name="caseCategory">
        <option th:each="case : ${caseCategoryList}" th:value="${case.caseCategoryId}" th:text="${case.caseCategoryName + ' - ' + case.caseCategoryCode}"></option>
    </select>
    <button type="submit">submit</button>
</form>

Now, after clicking the submit button, the browser would send request to the URL /memberrki/checkCardNum?action=add&caseCategory=VALUE OF SELECTED ITEM