檢查Chrome中的元素未顯示所選選項

Question

當我使用Chrome的Inspect Element功能查看我以編程方式設置所選選項的<select>元素時，所選的<option>不會顯示selected="selected" 。 一切正常，我只是看不到在檢查器視圖中選擇了哪些選項。

這是正確的行為嗎？ 似乎不僅應該在DOM的內部表示中更新所選元素，而且還應該將selected="selected"添加到視覺表示中。

以下是使用幾種不同方法設置<option>的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選項：

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

Answer 1

在“元素”選項卡中，您會在右側看到“樣式”屬性。 “樣式”抽屜下是“屬性”抽屜。 單擊所選選項，屬性將指示它已被選中。

這是一個很好的問題 - 我希望在HTML中看到它。 我只能提供它在Firebug中的相同功能，因此它看起來是標准行為。