jquery - Jquery：在悬停时扩展选择选项

Question

如何使用 jquery 在鼠标悬停时展开/打开选择选项以显示选择列表中的所有项目？

    <select size="3" id="something">
       <option value="1">.1..</option>
       <option value="2">.2..</option>
 <option value="3">.3..</option>
    </select>

Answer 1

你的意思是这样的吗。

$('select').hover(function(){
    var count = $(this).children().length;
    $(this).attr('size', count);
},function(){
    $(this).removeAttr('size');
});

This will add and remove the size attribute when the select is hovered over. 看到这个小提琴。