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

Question

我有一个<select>在点击时会更新Ajax。但是，如果点击时<option>的数量与点击后<option>的数量不同，则下拉列表不会扩展/收缩以适应选项。如何刷新<select>以使其适应<option> s？

这是一个表明这一点的小提琴：http://jsfiddle.net/q6qp4xLe/

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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

Answer 2

使用.mousedown作为您的活动而不是.click为我修复了问题。或者至少我认为它增加了您要求的功能。