设置动态创建的选项的"selected"属性

18 浏览
0 Comments

设置动态创建的选项的"selected"属性

我有一个使用JavaScript函数动态创建的选择选项。选择对象是:


当执行js函数时,"country"对象是这样的:


并且显示"印度尼西亚"作为默认选择项。注意:该选项中没有selected="selected"属性。

然后我需要将selected="selected"属性设置为"印度尼西亚",我使用以下代码:

var country = document.getElementById("country");
country.options[country.options.selectedIndex].setAttribute("selected", "selected");

使用Firebug,我可以看到"印度尼西亚"选项是这样的:


但在IE中失败(在IE 8中测试)。

然后我尝试使用jQuery:

$( function() {
    $("#country option:selected").attr("selected", "selected");
});

在FFX和IE中都失败了。

我需要"印度尼西亚"选项具有selected="selected"属性,以便当我点击重置按钮时,它会再次选择"印度尼西亚"。

将js函数更改为动态创建"country"选项不是一种选择。解决方案必须在FFX和IE中都可用。

谢谢。

0