我已经开发了创建多个级联下拉菜单的代码,在IE8 +和FF中可以正常工作。我的问题是,在IE7中,我必须为选择添加一个空选项才能使其正常工作。这是两个演示功能代码和非功能代码的小提琴。为什么必须添加空选项?我的代码还有另一个潜在的问题吗?

在IE7中不起作用:http://jsfiddle.net/k2vZr/2/

在IE7中工作:http://jsfiddle.net/k2vZr/1/
*注意:请注意,我在下拉菜单中添加了一个空选项:

    var $dropdown3 = $('<select id="test3" class="myclass" name="samename"><option></option></select>').appendTo($('body'));


另请注意,要从Windows 7在IE7中进行测试,请使用IE8中的开发人员工具(按:F12)切换浏览器模式。

最佳答案

尝试将事件处理程序更改为以下内容:

$("#test").live("change", function(){




$("#test2").live("change", function(){

10-05 23:34