How do I fetch input from select box using Thymeleaf

Question

I have been doing school's project recently and started learning Java Web/Spring/Bootstrap and stuff only a week ago, so please do forgive and correct me if I got any idea wrong.

So I was working on some webpage following an online tutorial and it's really great that I can fetch user's input by using Thymeleaf tags like codes below

<div class="ip input-group" align="center">
    <input id="username" type="text" class="form-control" name="username" placeholder="Username" th:value="*{username}"/>
</div>

Though I'm having a hard time trying to fetch input from select box or radio button like codes below (am I doing anything wrong here?)

<div class="input-group">
    <select class="btn btn-default" th:value="*{sex}">
        <option>Male</option>
        <option>Fmale</option>
        <option>Other</option>
    </select>
</div>

Since it's able to fetch input from simple input area, I'm thinking that there should be a way to acquire input or data from select box or radio button by using Thymeleaf?

DevDio · Accepted Answer · 2017-08-30 06:34:48Z

2

th:field tag should be in <select> tag, but it does not exist.
th:value tag should be in <option> tag, not in <select> tag.

As described in thymeleaf docs:

Select fields have two parts: the tag and its nested tags. When creating this kind of field, only the tag has to include a th:field attribute, but the th:value attributes in the nested tags will be very important because they will provide the means of knowing which is the currently selected option (in a similar way to non-boolean checkboxes and radio buttons).

Code snipped in source

answered Aug 30, 2017 at 6:34

DevDio

1,6141 gold badge20 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do I fetch input from select box using Thymeleaf

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related