如果使用物化CSS，如何从变更中获得价值？

问题描述

如果我使用Materialize CSS，如何从变更中获取价值？如果没有Materialize CSS，我将使用dropdown属性，每次更改dropdown都会获取该值。

<div class="input-field col s6">
          <select id="name">
            <option value="" disabled selected>Choose Name</option>
            <option value="1">John</option>
            <option value="2">Doe</option>
            <option value="3">Kim</option>
          </select>
          <label>Name Selection</label>
</div>

现在使用JavaScript：

document.addEventListener('DOMContentLoaded',function() {
    var elems = document.querySelectorAll('select');
    var instances = M.FormSelect.init(elems);
});

 document.addEventListener("DOMContentLoaded",function(){

    google.script.run.withSuccessHandler(generateTable).getTableData();

  });


function generateTable(dataArray){
var name = document.getElementById("name");

     name.onchange = function(){
        
        console.log(this.value);
      }
}

看起来像这样。value从下拉列表中未返回任何值。有什么建议吗？

解决方法

对于我来说，它有效，我认为您需要调用generateTable（）。

javascript materialize