基于单击的胸腺设置对象属性

发布于 2025-01-19 07:35:22 字数 620 浏览 0 评论 0 原文

我想要做的是根据点击设置对象用户变量属性。

`

 <form class="container" th:action="@{/processSignup}" method="post" 
   th:object="${user}">

    <div class="switch">
        <div class="MenteeSignUp" onclick="tab1();" th:onclick="*{}"  >Mentee</div>
        <div class="MentorSignUp" onclick="tab2();" th:value="MENTOR" th:field="*{userRole}">Mentor</div>
    </div>

`

尝试添加不同的基于角色的用户单击哪个导师或受训者,您可以从屏幕截图中看到。

我对百里香叶有点陌生,所以我尝试使用 th:onClick 然后尝试分配它,但它不起作用

表单

What I am trying to do set object user variable attribute based on click.

`

 <form class="container" th:action="@{/processSignup}" method="post" 
   th:object="${user}">

    <div class="switch">
        <div class="MenteeSignUp" onclick="tab1();" th:onclick="*{}"  >Mentee</div>
        <div class="MentorSignUp" onclick="tab2();" th:value="MENTOR" th:field="*{userRole}">Mentor</div>
    </div>

`

Trying to add different role-based what user click which either mentor or mentee which you can see from the screenshot.

I am kind of new to thyme leaf, so I tried to have th:onClick and then tried to assign it but it didn't work

form

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

筑梦 2025-01-26 07:35:22

您拥有的代码真的没有意义。 &lt; div/&gt; s没有一个 value 属性,而 th:onclick 中的表达式必须是有效的JavaScript(而不是您具有空白的选择变量表达式: th:onClick =“*{}” )。也许您正在寻找这样的东西?

<form class="container" th:action="@{/processSignup}" method="post" th:object="${user}">
    <input type="hidden" th:field="*{userRole}" id="userRole" />
    
    <div class="switch">
        <div class="MenteeSignUp" onclick="document.getElementById('userRole').value = 'MENTEE';">Mentee</div>
        <div class="MentorSignUp" onclick="document.getElementById('userRole').value = 'MENTOR';">Mentor</div>
    </div>

The code you have there doesn't really make sense. <div />s do not have a value attribute, and the expression in a th:onclick must be valid javascript (instead you have a blank selection variable expressions: th:onclick="*{}"). Maybe you're looking for something like this?

<form class="container" th:action="@{/processSignup}" method="post" th:object="${user}">
    <input type="hidden" th:field="*{userRole}" id="userRole" />
    
    <div class="switch">
        <div class="MenteeSignUp" onclick="document.getElementById('userRole').value = 'MENTEE';">Mentee</div>
        <div class="MentorSignUp" onclick="document.getElementById('userRole').value = 'MENTOR';">Mentor</div>
    </div>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文