我有一个<select>元素数量可变的页面（这解释了为什么我在这里使用事件委托）。当用户更改所选选项时，我想隐藏/显示页面上的不同内容区域。这是我的代码：
$(document).ready(function() {
$('#container').change(function(e) {
var changed = $(e.target);
if (changed.is('select[name="mySelectName"]')) {
// Test the selected option and hide/show different content areas.
}
});
});
这适用于 Firefox 和 Safari，但在 IE 中不会触发更改事件。有谁知道为什么？谢谢！
该change事件不会在 IE 中冒泡（参见此处和此处）。您不能同时使用事件委托。
事实上，正是因为这个 IE 错误，jQuery。[ 1 ]live不得不change从支持的事件列表中正式排除（仅供参考，DOM 规范状态change 应该冒泡）
关于您的问题，您可以直接绑定到每个选择：
$('#container select').change(/*...*/)
如果你真的想要事件委托，你可能会发现尝试这个人所做的事情并click仅在 IE 中绑定到一些成功，这会冒泡：
$('#container').bind($.browser.msie ? 'click' : 'change', function(event) {
/* test event.type and event.target
* to capture only select control changes
*/
})
但是这个浏览器检测感觉真的很不对。我真的会尝试使用前一个示例（直接绑定到下拉列表）。除非您有数百个<select>盒子，否则无论如何事件委托都不会给您带来太多好处。
[ 1 ] 注意：jQuery >= 1.4 现在change通过live()/on()模拟IE 中的冒泡事件。
如果我没记错的话，您将需要调用 blur() 来让 jQuery 在 IE 机器上调用 change()。尝试类似：
$("select[name=mySelectName]").click(function() {
$(this).blur();
});
使用 jquery 1.4.4（我认为 1.4.3）现在似乎一切都很好...... change 事件在我有限的测试中始终如一。
可能有帮助的想法：
$(document).ready(function() {
$('#container select[name="mySelectName"]').change(function(e) {
var s = $(e.target);
if (s.val()=='1') //hide/show something;
});
});
如果您使用 AJAX，请尝试live()函数：
$(document).ready(function() {
$('#container select[name="mySelectName"]').live('change', function(e) {
var s = $(e.target);
if (s.val()=='1') //hide/show something;
});
});
将此行添加到您的页眉，高枕无忧！:)
$(document).ready(function(){$('select').bind('onChange',function(){$(this).blur()});});