使用 jQuery 删除选择选项时 Chrome 浏览器中的问题

Question

我有以下 HTML：

<select>
    <option value="0">Remove Me</option>
    <option value="1">Test 1</option>
    <option value="2">Test 2</option>
    <option value="3">Test 3</option>
    <option value="4">Test 4</option>
    <option value="5">Test 5</option>
</select>

我希望当用户单击选择时，删除值为“0”的选项。这是我正在使用的 jQuery 脚本：

$('select').on('click',function(){
    $(this).find('option[value="0"]').remove();
});     

这在 Firefox 和 IE(10,9,8) 中有效，但在 Chrome 中，当删除该选项时，最后一个会像这样复制：

如果我再次单击选择，当它展开时，重复的选项就消失了。 为什么这首先不像在 FireFox 中那样工作？

这是我的问题 - http://jsfiddle.net/FN5jL/1/

Answer 1

作为一种解决方法：

DEMO

$('select').one('focus',function(){
    $(this).find('option[value="0"]').remove();
});     

我不知道这种奇怪的行为是从哪里来的……