After passing an object to html using Thymeleaf,crntroller, how does js modify the value of the object passed in? Or how to pay this object to the js object?

after passing an object to html using Thymeleaf,crntroller, how do js click actions modify the value of the object passed in? Or how to pay this object to the js object? For example, how to write the onclick of the following code?

<ul class="nav nav-tabs">
    <li role="presentation" th:class="${menu.active}?"active":"""  th:each="menu:${menuList}"><a onclick="" th:text="${menu.name}"></a></li>
</ul>

controller is as follows:

        List<Menu> menuList = new ArrayList<Menu>();
        menuList.add(new Menu("", true));
        menuList.add(new Menu("", false));
        menuList.add(new Menu("", false));
        menuList.add(new Menu("", false));

        model.addAttribute("menuList", menuList);
Nov.22,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b376a5-2c08a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b376a5-2c08a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?