Question

我正在使用 Materialisecss 选择表单http://materializecss.com/forms.html#select，并且需要禁用和选择正确行为的第一个选项。 Thymeleaf 会忽略已禁用的选项，尽管已选中此选项。相反，它会选择第一个非禁用选项。

<div class="input-field col s6">
    <select th:field="*{locale}" th:errorclass="invalid">
        <option value="" selected="selected" disabled="disabled">Choose your option</option>
        <option value="cs">Czech</option>
        <option value="en">English</option>
    </select>
    <label>Locale</label>
</div>

自动选择捷克语，但我希望选择选择您的选项。

Answer 1

基于Enigo评论。我已经让它与这些变化合作。

<select name="locale" id="locale" th:errorclass="invalid" required="required">
    <option value="" th:disabled="disabled" th:selected="selected">
        Choose your option
    </option>
    <option value="cs">Czech</option>
    <option value="en">English</option>
</select>

Answer 2

th：field 和 th：selected 不能同时工作。对于此删除th：字段，并将其替换为 id 和 name 属性。

查看论坛thymeleaf-forum

我有同样的问题。

我分享我的代码。

<div class="row">
<div class="input-field col s12">
    <select id="doc" name="doc" th:with="doc=*{doc}">
                    <option value="" th:disabled="disabled" selected="true"
                       th:text="${status==true}? 'Seleccione tipo de documento' : ${doc}">Seleccione
                       tipo de documento</option>
                    <option th:each="tipoDoc : ${tipoDocs}" th:text="${tipoDoc}"
                       th:value="${tipoDoc}" />
              </select>
    <label>Documento</label>
</div>

Salu2

Thymeleaf没有选择禁用选项

2 个答案: