循环浏览选择菜单和设置侦听器

时间:2020-08-30 21:48:54

标签: javascript

我想遍历选择菜单和设置侦听器的列表。我尝试了以下方法:


const selects = document.querySelectorAll('.mdc-select');
if(selects){
        for (const select of selects) {
          mdc.select.MDCSelect.attachTo(select);
          select.listen('MDCSelect:change', function(){
              console.log("you chose an element");
            });
    }
}

但这会产生以下错误:Uncaught TypeError: select.listen is not a function

如何解决此问题,这是遵循的正确模式吗? (不是JS家伙)

1 个答案:

答案 0 :(得分:1)

添加监听器应使用addEventListener

select.addEventListener('change', function () { ... });

不确定监听函数是否是您期望从库中获得的东西,但是假设不是,那么这应该是正确的语法。