1

私は次のものを持っています：

<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()か?

4

2 に答える 2

4 
$('select[name="CityID"]').focus(function() {
    $('option[value="99"]:first', this).remove();
});
于 2012-05-07T01:31:21.600 に答える
1

ブライアンの答えは正しいものです。ただし、すべてのブラウザと互換性があるとは限らない代替手段を次に示します。

<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/

select 要素のrequiredは html5 ですが、ユーザーがフォームを送信する前に要素を選択する必要があります (古いブラウザーでこの動作を再現することもできます)。

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

于 2012-05-07T03:21:45.377 に答える