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框的值改变才能触发事件，不过不影响功能。后面的文章会优化这个弊端的。