How to pass values to onclick events in thymeleaf

thymeleaf Pass value to onclick event ？ Here are two ways .

explain ： In the article categories The parameter is one map data structure .

Catalog

Method 1 ：

Method 2 ：

---

Define a js function

<script>
    function list_search(cid) {
        alert(cid)
    }

</script>

Method 1 ：

<div class="screen_con" id="cat_ids">
	<a href="javascript:void(0)" th:onclick="|list_search('')|" class="screen_default red">
		 There is no limit 
	</a>
	<a href="javascript:void(0)" th:onclick="|list_search('${item.key}')|"
	th:each="item:${categories}">
		[[${item.value}]]
	</a>
</div>

Method 2 ：

<div class="screen_con" id="cat_ids">
	<a data-id="" href="javascript:void(0)" onclick="list_search(this.getAttribute('data-id'))"
	class="screen_default red">
		 There is no limit 
	</a>
	<a th:data-id="${item.key}" href="javascript:void(0)" onclick="list_search(this.getAttribute('data-id'))"
	th:each="item:${categories}">
		[[${item.value}]]
	</a>
</div>