javascript - 使用 Javascript 更新选项后刷新 HTML 选择

Question

我有一个 <select>单击时使用 Ajax 更新。但是，如果 <option> 的数量单击时的 s 与 <option> 的数量不同s 单击后，下拉菜单不会展开/收缩以容纳选项。如何刷新 <select>使其适应 <option>是吗？

这是一个演示这一点的 fiddle :http://jsfiddle.net/q6qp4xLe/

$('#t').click(function(){
   $(this).empty();
   for(var i=0;i<5;i++)
       $(this).append('<option>Another option</option>');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id=t><option>Option</option></select>

Answer 1

试试 mousedown 事件:

http://jsfiddle.net/q6qp4xLe/2/

$('#t').on("mousedown", function(){
   $(this).empty();
   for(var i=0;i<5;i++)
       $(this).append('<option>Another option</option>');
});