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

Question

当我使用Chrome的 Inspect Element 功能查看我以编程方式设置所选选项的<select>元素时，所选的<option>未显示{{ 1}}。一切正常，我不能看在检查器视图中选择了哪些选项。

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

以下是使用几种不同方法设置selected="selected"的{​​{1}}属性的示例： http://jsfiddle.net/ScTTY/

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

selected

但是，我使用不同的方式设置<option>选项：

    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，其中包含选定1994年的1912年至2011年。

Answer 1

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

这是一个很好的问题 - 我希望在HTML中看到它。我只能提供它在Firebug中的工作原理，因此它看起来是标准行为。