jquery获取select框当前选中的那一项

我呢，应该是属于只能记住项目中做过的东西。没做过的东西，即使以前看过，我的印象也不会太深。最近的项目中需要，select下拉框点击哪一个获取到那一项的id，当时脑子冒出一段代码来，如下：

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

看着没毛病，浏览器也不报错 。打开浏览器的我眼泪掉下来，点击option根本没有反应，原因是option不支持点击事件（这个我以前真的不知道，好像ff和opera支持，没有测试）。下面这段代码没毛病，主流浏览器都支持。

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

此段代码借助于change()事件来实现的，当select框的内容改变时，判断哪一个option被选中，然后去它的ID。有一个弊端，就是select框的值改变才能触发事件，不过不影响功能。后面的文章会优化这个弊端的。