首页 > 解决方案 > 带有 addEventListener 的 javascript 下拉菜单适用于 firefox 但不适用于 chrome

问题描述

我有一个下拉列表,在我选择一个项目后,它应该按字母顺序或价格列出产品。

在 Firefox 中它工作正常,但在 chromeoption.addEventListener中没有触发。

const sortedBy = Array.from(document.querySelector('.order').options);

sortedBy.forEach(option => {
    option.addEventListener('click', () => {
        switch (parseInt(option.value)) {
            case 0:
                newOrderHtml(priceLowToHigh);
                saleCheck();
                break;
            case 1:
                newOrderHtml(priceHighToLow);
                saleCheck();
                break;
            case 2:
                newOrderHtml(abcIncrease);
                saleCheck();
                break;
            case 3:
                newOrderHtml(abcDecrease);
                saleCheck();                
                break;
            default:
                newOrderHtml(priceLowToHigh);
                saleCheck();
        }    
    })
}) 

标签: javascriptdropdownaddeventlistener

解决方案


推荐阅读