jQuery/Materialize: modifica dell'opzione di selezione indietro su disabilitato selezionare su chiaro

Question

Sto utilizzando un modulo MaterialiseCSS e sto riscontrando un problema nel riportare l'opzione di selezione al suo stato disabilitato "Scegli il valore dell'opzione" quando ho fatto clic il pulsante Ripristina.

Sono in grado di cancellare tutto, anche l'opzione Seleziona con quello che ho ora, ma non riesco a capire come tornare al suo valore disabilitato.

<div class="row"> 
    <form class="col s12"> 
     <div class="row"> 
      <div class="input-field col s12"> 
       <input id="last_name" type="text" class="validate"> 
       <label for="last_name">Last Name</label> 
      </div> 
     </div> 

     <div class="row"> 
      <div class="input-field col s12"> 
       <select class="icons" id="platform" name="platform"> 
        <option value="None" class="grey-text text-darken-3" disabled selected>Choose your option</option> 
        <option value="PS4" data-icon="images/ps4.jpg" class="left circle">Playstation 4</option> 
        <option value="PC" data-icon="images/steam.ico" class="left circle">PC</option> 
        <option value="XBOX" data-icon="images/xbox.ico" class="left circle">XBox One</option> 
       </select> 
       <label>Platform:</label> 
      </div> 
     </div> 

     <a class="waves-effect waves-light btn">Reset</a> 
    </form> 
</div> 

Ecco il JS

$(".btn").click(function(){ 
    $("form input").val(""); 
}); 

$('select').material_select(); 

Codepen

Answer 1

È necessario reimpostare sia select elemento e materiale selezionare:

var select = $('select'); 

$(".btn").click(function(){ 
    $("form input").val(""); 

    select.prop('selectedIndex', 0); //Sets the first option as selected 
    select.material_select();  //Update material select 
}); 

select.material_select(); 

Answer 2

È necessario selezionare che selezionare l'ingresso al nessun valore e quindi eseguire il rendering del componente:

$(".btn").click(function(){ 
    $("form input").val(""); 
    $("select").val("None"); 
    $('select').material_select(); 
}); 
$('select').material_select(); 

Ecco un violino con esso https://jsfiddle.net/xjqgeuhp/