Forked from - Update Material Select

xxxxxxxxxx
 
<select class="mdb-select md-form" name="consumeLocation" id="consumeLocation">
  <option value="" disabled selected>Consumed from...</option>
    <option value="2">One</option>
    <option value="4">Two</option>
    <option value="6">Three</option>
</select>
​
<select class="mdb-select md-form" name="consumeQuantity" id="consumeQuantity">
  <option value="" disabled selected>Consumed quantity...</option>
</select>

​

xxxxxxxxxx
 
// Material Select Initialization
$(document).ready(function() {
  $('.mdb-select').materialSelect();
  
$('#consumeLocation').change(function(){
        $('#consumeQuantity').materialSelect("destroy");
        $("#consumeQuantity").removeAttr("disabled");
        
        var maxQty = $('#consumeLocation').val();
        var i = 0;
        var textQty = "";
        
        for (i = 1; i <= maxQty; i++) {
          textQty += "<option value="+ i + ">" + i + "</option>";
        }
  
        document.getElementById("consumeQuantity").innerHTML = textQty;  
  
        $("#consumeQuantity").materialSelect();
  });
});
​

Console errors: 0