javascript - 带有 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();
}
})
})
解决方案
推荐阅读
- php - wordpress主页的nginx 403禁止错误
- reactjs - 如何使用浏览器的后退按钮获取上一个搜索页面
- python - 在pygame中移动彗星
- regex - 数字的正则表达式,包括小数、分隔符和 -+ 符号
- leaflet - 如何区分 map.fitBounds 触发的传单缩放和用户鼠标滚轮?
- python - python输入有问题
- c++ - Why is thread_local variable never initialised here?
- typescript - Dexie 从第二个查询返回值
- python - 如何从二维数组中找到最大的土地图?
- nginx - 禁用 403 错误的 Nginx 日志记录