我正在动态创建一个包含选项节点的select节点。该代码在FF&IE8中工作正常。
但它拒绝在IE8的怪癖模式或IE7兼容模式下工作。它拒绝在IE6中工作。
选项节点会被添加到DOM中。
var PersonnelSelectorListBox,
PersonnelSelectorDiv;
function AddListItems() {
for(var i = 1; i <= 3; i++){
$('<option />').text('Item ' + i).appendTo(PersonnelSelectorListBox);
}
}
PersonnelSelectorDiv = $("<div>").css({
position: "relative",
display: 'block',
top: 20,
zIndex: 2
});
$("#AddToList").after(PersonnelSelectorDiv);
$("#AddToList").click(function() {
//alert("click");
AddListItems();
});
PersonnelSelectorListBox = $("<select id=\"PLB\" size=\"15\">").attr({
size: 15,
id: 'PLB'
}).width(200);
PersonnelSelectorDiv.append(PersonnelSelectorListBox);
示例代码是
http://jsfiddle.net/jKmh4/3/
有人知道如何欺骗IE使其重新发送DOM的一部分吗?
问题在于通过单击事件调用addListitems函数,而不是直接调用它。