2016-02-26 81 views
1

我正在使用物化大規模選擇表格http://materializecss.com/forms.html#select它需要正確的行爲第一選項被禁用和選擇。 百里香忽略禁用選項,儘管它被選中。相反,它會選擇第一個未禁用的選項。百里香不會選擇禁用選項

<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> 

捷克自動選擇,但我想看看選擇你的選項要代爲選擇。

+2

嘗試使用'日:selected'和'日:disabled'代替。如果你嘗試,按照[這個](http://forum.thymeleaf.org/th-selected-not-working-on-multiple-select-td4025883.html)替換'name'屬性的'th:field' – Enigo

回答

2

基於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>

0

日:字段個:選擇同時不工作。 對於此刪除th:字段並將其替換爲id名稱屬性manualy。

檢查論壇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