如何在更改事件后隐藏jquery中select元素的选项？

Question

我尝试在第一个选项更改后使用jQuery隐藏我的默认选项，但我仍然看到它。

$('#SpaceAccommodation').change(function () {
    $("#SpaceAccommodation").children("option[value^=default]").hide();
});

<select class="form-control" id="SpaceAccommodation" name="YogaSpaceAccommodation">
     <option value="default">0</option> 
     <option value="0">1-4</option>
     <option value="1">5-9</option>
     <option value="2">10-15</option>
     <option value="3">16-20</option>
     <option value="4">20+</option>
</select>

Answer 1

我可以确认Josh的评论是否适用于IE。

http://jsfiddle.net/w2Lu9pur/

$('#SpaceAccommodation').change(function () {
$("#SpaceAccommodation").children("option[value^=default]").remove();
});