jqueryは、選択ボックスで現在選択されているアイテムを取得します

私は、プロジェクトで何をしたかしか思い出せません。今まで何もしていませんが、見たことがあったとしても、あまり深く印象はありません。最近のプロジェクトでは、ドロップダウンボックスでクリックするものを選択して、そのアイテムのIDを取得する必要があります。そのとき、次のようなコードが頭に浮かびました。

		$('select option').click(function(){
			var x = $(this).attr('id');
			alert(x);
		})

何も問題がないので、ブラウザはエラーを報告しません 。ブラウザを開いたときに涙が出て、オプションをクリックしても反応がありませんでした。その理由は、オプションがクリックイベントをサポートしていないためです（これは以前はよく知りませんでした。ffとオペラがサポートしているようです。 、 未検証）。次のコードは問題なく、主流のブラウザでサポートされています。

		$('select').change(function(){
			var x = $('select option:selected');
			alert(x.attr('id'));
		})

このコードは、change（）イベントを使用して実装されます。選択ボックスの内容が変更されると、選択されているオプションが決定され、そのIDに移動します。欠点があります。つまり、選択ボックスの値を変更してイベントをトリガーできますが、機能には影響しません。次の記事は、この欠点を最適化します。