如果使用 materialize css，如何获得变化的价值？

Question

如果我使用 Materialise CSS，如何从更改中获取值？在没有 Materialize CSS 的情况下，我使用的是下拉属性，每次下拉更改时它都会获得值。

<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);
      }
}

似乎 this.value 没有 return 下拉列表中的任何值。有什么建议吗？

Answer 1

对我来说它有效，我认为你需要调用 generateTable()。

如果使用 materialize css，如何获得变化的价值？

How to get value on change if using materialize css?

javascript

css

materialize