首页 > 解决方案 > 如果使用物化 css,如何获得改变的价值?

问题描述

如果我使用 Materialize 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 没有从下拉列表中返回任何值。有什么建议吗?

标签: javascriptcssmaterialize

解决方案


在此处输入图像描述

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


推荐阅读