IE7中的级联下拉问题

Question

我开发了创建多个级联下拉列表的代码，它在IE8 +和FF中运行良好。我的问题是，在IE7中我必须为select添加一个空选项才能使用。这里有两个小提琴，可以演示功能和非功能代码。为什么我必须添加空选项？我的代码是否存在另一个潜在问题？

不在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）切换浏览器模式。

Answer 1

尝试将事件处理程序更改为：

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

和

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