jQueryを使用して選択リストから選択項目を削除するにはどうすればよいですか？

Question

私は、次のしている：

<select name="CityID" id="CityID"> 
    <option value="99">Select City</option> 
    <option value="01H">AAA</option> 
    <option value="01I">BBB</option> 
</select> 

とすぐに選択のクリックが、私はオプションvalue="99"との最初の行を削除したいオプションを選択することとして。

jQueryでこれを行うことはできますか？私は.changed()イベントでそれを行うことができると思うが、.changed()の前に選択をクリックしたユーザーを拾う他のイベントはありますか？

Answer 1

$('select[name="CityID"]').focus(function() { 
    $('option[value="99"]:first', this).remove(); 
}); 

Answer 2

ブライアンの答えが正しい。しかし、ここではすべてのブラウザと互換性がない可能性があり、代替です：

<select name="CityID" id="CityID" required> 
    <option value="" disabled selected >Select City</option> 
    <option value="01H">AAA</option> 
    <option value="01I">BBB</option> 
</select> 

http://jsfiddle.net/ApeHg/2/

requiredはselect要素にHTML5ですが、彼らはフォームを送信する前に、その要素を選択するようにユーザーを強制的に

最初の要素のdisabled selectedプロパティは、探している動作（選択不可能なデフォルト）をシミュレートしようとします。