检查元素没有显示所选选项

当我使用Chrome的检查元素功能来查看我编程设置所选的选项，选择<option>不显示selected="selected"一个<select>元素。一切工作正常，我只是不能见在检查员视图中选择了哪些选项。检查元素没有显示所选选项

这是正确的行为？似乎不仅应该在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>包含1912年至2011年与1994年选定。

来源

2011-02-13 Tauren

也许你可以尝试关闭并打开检查窗口。 – JCOC611 2011-02-13 21:30:56

@ JCOC611：没什么区别，至少对我来说在Chrome 9.0.597.102在OSX – Tauren 2011-02-13 21:37:50

在元素选项卡中，您会看到右侧的样式属性。样式下抽屉是一个属性抽屉。点击选择的选项，属性将指示它被选中。

虽然这是一个很好的问题 - 我期望在HTML中看到它。我只能提供它在Firebug中的作用，所以它看起来是标准行为。

来源

2011-02-13 21:37:17 mwilcox

检查元素没有显示所选选项

回答

相关问题