javascript – 检查Chrome中的元素未显示所选选项

当我使用Chrome的Inspect Element功能查看< select>时我以编程方式设置所选选项的元素,所选的<选项>未显示selected =“selected”.一切正常,我只是看不到在检查器视图中选择了哪些选项.

这是正确的行为吗？似乎不仅应该在DOM的内部表示中更新所选元素,而且还应该将selected =“selected”添加到视觉表示中.

以下是使用几种不同方法设置<选项>的选定属性的示例：
http://jsfiddle.net/ScTTY/

基本上,我正在使用此代码的变体：

    var current = new Date().getFullYear();
    var year1 = this.$("select.year1");
    for (var i=0; i<100; i++) {
        var option = $("<option>",{
            value: current - i,
            text: current - i,
            selected: (i==17 ? "selected" : "")
        });
        year1.append(option);
    }

但是,我使用不同的方式设置所选选项：

        selected: (i==17 ? true : false)

        if (i==17) option.attr("selected","selected");

        if (i==17) option[0].selected = true;

        if (i==17) option[0].selected = "selected";

所有这些方法都创建了< select>包含1912年至2011年的1994年入选.

解决方法:

在“元素”选项卡中,您会在右侧看到“样式”属性. “样式”抽屉下是“属性”抽屉.单击所选选项,属性将指示它已被选中.

这是一个很好的问题 – 我希望在HTML中看到它.我只能提供它在Firebug中的相同功能,因此它看起来是标准行为.