如果要实现不显示多项选择,可以使用以下代码示例:
HTML代码:
JavaScript代码:
var select = document.getElementById("mySelect");
select.addEventListener("mousedown", function(e) {
e.preventDefault();
var scrollPos = select.scrollTop;
e.target.selected = !e.target.selected;
setTimeout(function() {
select.scrollTop = scrollPos;
}, 0);
});
上述代码通过监听mousedown事件,在点击选项时阻止默认行为,然后设置选项的selected属性来实现单选效果。同时,在修改选项的selected属性之后,通过setTimeout将滚动条位置设置回之前的位置,以避免滚动条位置的跳动。
使用上述代码,当用户点击选项时,只会选中当前点击的选项,而不会同时选中其他选项。