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');
});

这将在选择悬停时添加和删除size属性。请参阅此fiddle。