在实现下拉菜单中切换禁用属性？

Question

我想默认将实现中的选择禁用。

<form>
 <select id="mySelect" required disabled>
  <option>Cats</option>
  <option>Dogs</option>
 </select>
</form>

<button id="try" >Try it</button>

jQuery：

$('#try').click(function(){
 $('#mySelect').prop("disabled", false);
};

在开发工具中，它显示了单击“尝试”按钮时，已禁用select属性的属性。但是，下拉列表将不起作用。我认为这是特定于实现的事情，因为它似乎动态地在我的选择上方生成了样式化的无序列表。它将禁用添加到这个新生成的列表，我也将其删除了。

Answer 1

要select与Materializecss配合使用，必须在您的代码中添加以下js行script：

$(document).ready(function() {
   $('select').material_select();
});

并确保启用select编辑后的js函数，如下所示：

 $('#try').click(function(){
   $('#mySelect').prop("disabled", false);
   $('select').material_select();
});