用JQuery動態更改MDL文本字段文本

我正在嘗試使用JQuery更改MDL文本字段文本。但是，出現了一些問題，首先標籤不是動畫UP，對於基本文本字段，佔位符文本不會消失。其次，如果一個文本字段被標記爲required，通過JQuery設置它的值後，該字段保持爲紅色，就像沒有放置在那裏一樣。 JSFiddle 用JQuery動態更改MDL文本字段文本

HTML：

<dialog id="adicionar-editar-campista" class="mdl-dialog" style="text-align: center"> 
    <div class="mdl-dialog__content"> 
     <h4>Ficha de Cadastro</h4> 
     <p style="color: red">Campos em vermelho são obrigatórios.</p> 

     <form action="#"> 
      <div id="cadastro-numero-ficha" class="mdl-textfield mdl-js-textfield"> 
       <input id="numero-ficha" class="mdl-textfield__input" type="text" pattern="-?[0-9]*(\.[0-9]+)?"> 
       <label class="mdl-textfield__label" for="numero-ficha">N&#186; Ficha</label> 
       <span class="mdl-textfield__error">Apenas numeros!</span> 
      </div> 

      <div id="cadastro-nome-ficha" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> 
       <input id="nome-ficha" class="mdl-textfield__input" type="text" required> 
       <label class="mdl-textfield__label" for="nome-ficha">Nome Completo</label> 
      </div> 
     </form> 
    </div> 
</dialog>

的Javascript：

//Do something 
$("#numero-ficha").val(value.number); 
$("#nome-ficha").val(value.username); 
//Do something

來源

2016-11-09 Alexandre Krabbe

我認爲這是你在找什麼

$('#numero-ficha')[0].parentElement.MaterialTextfield.change("15"); 
$('#nome-ficha')[0].parentElement.MaterialTextfield.change("some text");

Fiddle here

來源

2016-11-09 01:36:42

沒錯！非常感謝你。 –

用JQuery動態更改MDL文本字段文本

回答

相關問題