[FIXED] How can I remove a choice from a select list with jQuery?

Issue

I have the following:

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

As soon as the clicks on the select to choose an option I would like to remove the first line with option value="99".

Can I do this with jQuery? I think I can do it with the .changed() event but are there other events that will pick up the user clicking on the select before the .changed()?

Solution

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

Answered By - Bryan

Answer Checked By - Willingham (PHPFixing Volunteer)