JavaScriptコード内でThymeleafを使用したい

Question

HTML内に記載しているJavaScriptコード内でThymeleafを使用したいです。
ソースコードは以下の通りです。
具体的には、Thymeleafで"${i}"を指定している為、
"i" 変数の中身をvalueとして参照したいです。

 <a href="javascript:document.f.page.th:value = "${i}";document.f.submit();">

アドバイスでも構いません。
ご教示の程よろしくお願いいたします。

Answer 1

こちらを参考に。

ThymeleafでJavaScriptを利用する
https://qiita.com/alpha_pz/items/d21f818b5792d3880731

Comments

[engnao]

度々回答ありがとうございます。
頂きましたURL通りコーディングしましたが、アンカーリンクにdocument.f.submit()と表示され、上手くValueを渡すことができませんでした。
ページ番号を掲題のソースコードで囲むことにより、ページ番号をクリックしたと同時にフォームを指定してPOST通信を行っていますが、上記のaタグ内にth:value = "${i}"を指定する事はできないのでしょうか？初歩的な質問で申し訳ございません。

[A-pZ]

考える順序が逆で、JavaScriptのコード内でThymeleafを利用するのではなく、ThymeleafのコードからJavaScriptの内容を出力するのが正しいです。

<a th:href="'javascript:document.f.page.value=' + ${i} + ';document.f.submit();'">

[engnao]

回答ありがとうございます。
頂きましたソースコードを入力したら、無事動作するようになりました。
以後自身で解決できるよう、学習を続けていきます。
本当にありがとうございました。