javascript - addEventListener 未添加到选项的条件 _.each 中

Question

我正在尝试向选择标记中的每个选项添加事件监听器。仅当查询选择器找到选项时才会添加事件监听器。一切正常，直到我尝试添加到 eventListener。

我可以看到 _.each 循环正在每个选项上循环，所以我知道我正在访问该标签。注释掉的代码是我用来确保其他部分正常工作的代码。我什至没有收到无法添加事件的错误。

<SELECT>
<OPTION class="renewal_action">convert</OPTION>
<OPTION class="renewal_action">expire</OPTION>
</SELECT>

let renew_action_select = row_node.querySelectorAll('.renewal_action')
    console.log(renew_action_select)
    if(renew_action_select.length){
        _.each(renew_action_select, function(renew_action){
            console.log(renew_action)
            renew_action.addEventListener('click', function()
                {
                    console.log('in renew')

                })
            }
        )
    }

当我单击其中一个选项以确认事件已添加但没有发生任何情况时，我希望在控制台中收到一条消息。没有错误消息让我知道事件尚未添加。

Answer 1

const select = document.querySelector('select');

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

<select>
  <option>convert</option>
  <option>expire</option>
</select>