javascript - 将鼠标悬停在一个选择上打开所有选项

Question

<分区>

Answer 1

$("#limiter").mouseover(function(){
  $(this)[0].size=$(this).find("option").length;
});
$("#limiter").click(function(){
   $(this)[0].size=0;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="control">
<select id="limiter" class="limiter-options" data-role="limiter">
<option >Please Select </option>
<option value="24" selected="selected"> 24 per page </option>
<option value="48"> 48 per page </option>
<option value="72"> 72 per page </option>
<option value="all"> All per page </option>
</select>
</div>