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

Question

当我使用Chrome的“ 检查元素”功能查看以<select>编程方式将所选选项设置为打开的元素时，所选内容<option>不会显示selected="selected"。一切正常，我只是看不到在检查器视图中选择了哪些选项。

这是正确的行为吗？似乎不仅应该在DOM的内部表示中更新所选元素，而且还selected="selected"应该将其添加到可视表示中。

这是一个使用几种不同方式设置selectedan属性的示例<option>：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选项：

        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年。

Answer 1

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

不过，这是一个很好的问题 - 我希望在 HTML 中看到它。我只能说它在 Firebug 中的工作方式相同，因此它看起来是标准行为。