Question

如果你将焦点放在一个选择元素上，然后按下按钮，所有选项都会显示在chrome中，就像你点击select元素一样，但是在firefox中，当按下按钮时，选项不会显示，是否有按下/向上按钮时显示它的方法吗？

Answer 1

触发点击不会起作用，这是明显的答案。也许你可以在向下箭头上展开尺寸并在向上箭头上将其设置回1？

<select id="select">
<option>Value 1</option>
<option>Value 2</option>
<option>Value 3</option>
<option>Value 4</option>
</select>

jQuery(function ($) {
    $(document).keyup(function (e) {
        // down arrow (open)
        if (e.keyCode == 40) {
            $('#select').attr('size', $('#select option').length);
        }
        // up arrow (close)
        if (e.keyCode == 38) {
            $('#select').attr('size', 1);
        }   
    });
});

小提琴：https://jsfiddle.net/kxghjj3s/

如何在Firefox中按向下箭头时显示html选择的所有选项

1 个答案: