Thymeleaf 用链接代替按钮点击

Question

我的模型定义了 ${entry.name} = 'MyClient'

我有一个带有 th:id="${entry.name}" 的按钮

我尝试使用链接来单击此按钮，按钮将被隐藏。

这个片段按预期工作：

<a name="link_to_my_btn" value="My Btn" href="#" onclick="$('#MyClient').click();">Example</a>

但是我无法对 MyClient 进行硬编码，我需要使用entry.name。 现在我尝试通过 thymeleaf 进行操作，但无法使其正常工作。 我试过：

 <a name="my_btn" value="My Btn" href="#" th:data-name="${entry.name}" th:onclick="$('#this.getAttribute('data-name')').click();">Example</a>

任何见解将不胜感激。

Answer 1

尝试这样的事情：

<a name="my_btn"
   value="My Btn" href="#"
   th:data-name="${entry.name}"
   onclick="$('#' + this.getAttribute('data-name')).click();">Example</a>

确实没有理由使用

th:onclick

——您没有评估任何 Thymeleaf 属性。 onclick 属性 + 有效的 JavaScript 应该获得正确的元素。