[英]Inspect element in Chrome not showing selected option
当我使用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年。
在“元素”选项卡中,您会在右侧看到“样式”属性。 “样式”抽屉下是“属性”抽屉。 单击所选选项,属性将指示它已被选中。
这是一个很好的问题 - 我希望在HTML中看到它。 我只能提供它在Firebug中的相同功能,因此它看起来是标准行为。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.