Javascript 如果剑道下拉列表是最后一个，如何删除它？

我可以从剑道下拉列表中删除除最后一项之外的所有项目。删除最后一个项目后，以前的项目将重新出现

下面是一个JSFIDLE：

有什么办法解决这个问题吗

HTML：

<select>
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
<option id="none" value="none"></option>
</select>

<a href="#">remove first</a>

​

<select>
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
<option id="none" value="none"></option>
</select>

<a href="#">remove first</a>

$("select").kendoDropDownList();

$("a").click(function(){
    var dropDown = $("select").data("kendoDropDownList");
    var itemToRemove = dropDown.dataSource.at(0);
    dropDown.dataSource.remove(itemToRemove);
    dropDown.select(0);
});
$('none').css({display:none});