Материализовать CSS удалить отключенное поле ввода не работает

Question

Я использую материализацию css, и у меня есть проблема. Я хочу удалить отключенное в поле ввода, когда я нажал кнопку редактирования кнопки и, кстати, в своем коде в jquery, который я покажу ниже. Я уже пробовал .prop(), .removeAttr(), .removeProp(), но все же он не удаляет отключенное в поле.

У меня есть этот код

$(document).ready(function(){ 
 
    $("#submithidden").hide(); 
 

 
    $("#editbutton").on('click',function(event){ 
 
    event.preventDefault(); 
 
    $("#fname").prop('disabled', false); 
 
    $("#submithidden").show(); 
 
    $("#editbutton").hide(); 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<form method="post" id="editaccount"> 
 
    <div class="row"> 
 
     <div class="input-field col s4"> 
 
      <input id="fname" name="firstname" value="Sample Name" disabled type="text" class="center validate"> 
 
      <label>First Name</label> 
 
     </div> 
 
    </div><!-- row --> 
 
    <div id="submithidden"> 
 
     <button type="submit" class="btn btn-large grey" id="editaccount">Submit</button> 
 
    </div> 
 

 
    <button type="button" id="editbutton" class="btn grey darken-1">Edit Account</button> 
 
         
 
    </form>

Answer 1

Используйте .prop как

var disableSelection = function(){ 
 
    $("#elementId").prop("disabled", true);  
 
}; 
 

 
var enableSelection = function(){ 
 
    $("#elementId").prop("disabled", false); 
 
};

Для получения дополнительной информации см .prop() против .attr().