Question

我一直致力于一个项目，我在html代码中有两个选择。

仅当第一个选择满足某些条件时才应启用第二个选择。

这是JSfiddle链接。

$(document).ready(function() {
      $('select').material_select();
      $("select[name=type]").change(function() {
        alert("hola");
        if (this.value == "1") {
          <!-- $("select[name=Effect]").material_select("destroy"); -->
          $("select[name=Effect]").prop("disabled", false);
          <!-- $("select[name=Effect]").material_select(); -->
        } else {
          <!-- $("select[name=Effect]").material_select("destroy"); -->
          $("select[name=Effect]").prop("disabled", true);
          <!-- $("select[name=Effect]").material_select(); -->
        }

      });

<div class="input-field col sm2">
  <select name="type">
    <option value="" disabled selected>Choose your option</option>
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
  </select>
  <label>Type</label>
</div>

<div class="input-field col sm2">
  <select name="Effect" disabled>
    <option value="" disabled selected>Choose your option</option>
    <option value="1">AA</option>
    <option value="2">BB</option>
    <option value="3">CC</option>
  </select>
  <label>Effect</label>
</div>

注意：没有物化的Jquery工作得很好。

任何形式的帮助都可以。

Jsfiddle代码很酷。：）

Answer 1

我从here.

得到答案

感谢@ahrim。

问题在于如何在html元素上实现工作。为了进行任何更新，

你必须销毁Mr.Materialize。 $('#mySelectID').material_select('destroy');
使用jquery（或任何JS）
重新附加Mr.Materialize。 - $('#mySelectID').material_select();

jquery不与Materialize for select选项隐藏

1 个答案: