パス変数を持つThymeleafフォーム

Question

私はgetメソッドとactionを持つフォームを持っています。フォーム入力からアクションパラメータを送信すると、？id = 1のような標準パラメータになります。このパラメータをパス変数として渡すにはどうすればよいですか？

<form method="get" th:action="@{/mycontroller/}"> 
     <input type="text" id="id" name="id"/> 
     <input type="submit"/> 
    </form> 

Answer 1

あなたHTML：

<form id="myForm" method="get" th:action="@{/mycontroller/}"> 
    <input type="text" id="id" name="id"/> 
    <input type="submit"/> 
</form> 

そしてjQueryを使ってあなたはこのような何か行うことができます：

var $form = $('#myForm'); 
var $idField = $("#id"); 

$form.submit(function(event) { 

    // respects th:action="@{/mycontroller/}" and appends id 
    $form.attr('action', $form.attr('action') + $idField.val()); 

    // otherwise ?id=xx 
    $idField.prop("disabled", true); 

    // submits the form in the normal way ! 
    return; 
});