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上的disabled属性将被删除。但是，下拉列表不起作用。我相信这是具体实现的东西，因为它似乎动态生成我的选择上方的样式无序列表。它将禁用添加到这个新生成的列表中，我也删除了它。

Answer 1

要让select与Materialisecss一起使用，您必须将以下js行添加到script：

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

并且在启用select编辑你的js函数后确保它有效：

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

Answer 2

要更新选择，您需要重新初始化

setTimeout(op)

在物化大小下拉选择中切换已禁用的属性？

2 个答案: