inputタグの入力値をTymeleafのhrefにパラメータとして渡したい

Question

inputタグで入力した値をth:hrefにパラメータとして追加したいのですがうまくできません

<input type="text" id="pageNumber"/>
<button type="submit" th:href="@{'/?page='+}" id="linkBtn">更新</button>

<script>
  	$(function(){
  		$('#pageNumber').on('input change',function(){
  			var param = $('#pageNumber').val();
  			$('#linkBtn').attr('href','/?page='+param);
  		})
  	})
</script>

よろしくお願いします

Answer 1

https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf_ja.html#%E3%83%AA%E3%83%B3%E3%82%AFurl

URLのパラメータに記載する方法は、(パラメータ名=${変数}) です。

<a href="details.html" th:href="@{/order/details(orderId=${o.id})}">view</a>

↓

<a href="/gtvg/order/details?orderId=3">view</a>

※gtvgは上記公式でのサンプルコードのコンテキストルート