预先选择特定按钮 - HTML Thymeleaf

时间:2017-06-20 14:39:15

标签: html twitter-bootstrap thymeleaf

我有一个java对象 Product ,它有一个名为setup的字符串字段。

由于设置,行为不同。

我希望用户可以在运行时决定对象的行为方式。

当用户收到包含所有当前信息的视图时,但由于设置是一个选择按钮,我不知道如何告诉Thymeleaf / HTML显示当前在选项框中选择的设置值。

例如:如果对象中的当前设置为“中”或“低”或“高”,则会选择此选项并首先在选项框中显示给用户。目前,无论物体处于何种状态,“自动”始终是首选。

enter image description here

我想要的可能吗?我是HTML和Thymeleaf的新手。如果它有更多的事情和一个新的技术请尝试一步一步告诉我如何使这工作:)(我不知道关于CSS,Java脚本等)

非常感谢你。我将SpringBoot与MVC,Thymleaf,Bootstrap和Bootstrap-select.

一起使用
        <tbody>
        <!--/*@thymesVar id="productList" type="java.util.List"*/-->
        <tr th:each="product : ${productList}">
            <!--/*@thymesVar id="name" type="java.lang.String"*/-->
            <td th:text="${product.getProductName()}"></td>
            <td th:text="${price}"></td>
            <td><input type="number" th:placeholder="'Current: '+  *{product.getBottom()}"  name="bottom"/></td>
            <td><label><select name="setup" class="selectpicker show-tick" data-width="fit">
                <option>Auto</option>
                <option>High</option>
                <option>Medium</option>
                <option>Low</option>
            </select></label>
            </td>
            <td><label class="checkbox-inline"><input type="checkbox" value=""/></label></td>
        </tr>
        </tbody>

1 个答案:

答案 0 :(得分:0)

似乎您想在选择框中设置默认选定选项。尝试类似:

<option th:selected="${product.setup == 'Medium'}">Medium</option>