如何在事件中下拉下拉选项？

Question

当我使用

时

 $(editarea).focus();

在

<select>
  <option value="1">a</option>
  <option value="2">b</option>
  <option value="3">c</option>
</select>

我可以使用向上和向下箭头更改值，但下拉菜单尚未完全删除。
有没有一种方法可以降低它？这样用户就可以看到选项，而无需点击下拉菜单。

Answer 1

查看这些主题。它们涵盖了相同的主题。

How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)?

JavaScript - Force select element to dropdown?

Display DropDown options on Focus

Answer 2

你不能打开select元素，但你可以使用元素的大小来模仿类似的东西。

jsFiddle DEMO

<强> HTML：

<select id="CarTypes">
    <option value="0">Choose One</option>
    <option value="1">Fiat</option>
    <option value="2">Smart</option>
    <option value="3">Ford</option>
</select>
<input id="mybutt" type="button" value="Try This" />

<强> jQuery的/使用Javascript：

$('#CarTypes').hover(
    function(){
        $(this).attr('size', '3');
    },
    function(){
        $(this).attr('size', '1');
    }
);

$('#CarTypes').focus(function(){
    $(this).attr('size', '3');
});

$('#CarTypes').blur(function(){
    $(this).attr('size', '1');
});

$('#mybutt').click(function() {
    $('#CarTypes').attr('size', '3');
});

//Uncomment below to force open select box on document ready
//$('#CarTypes').focus();