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

编程之家收集整理的这篇文章主要介绍了javascript – 检查Chrome中的元素未显示所选选项编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

当我使用Chrome的Inspect Element功能查看< select>时我以编程方式设置所选选项的元素,所选的<选项>未显示selected =“selected”.一切正常,我只是看不到在检查器视图中选择了哪些选项.

这是正确的行为吗?似乎不仅应该在DOM的内部表示中更新所选元素,而且还应该将selected =“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: (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年入选.

解决方法:

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

这是一个很好的问题 – 我希望在HTML中看到它.我只能提供它在Firebug中的相同功能,因此它看起来是标准行为.

总结

以上是编程之家为你收集整理的javascript – 检查Chrome中的元素未显示所选选项全部内容,希望文章能够帮你解决javascript – 检查Chrome中的元素未显示所选选项所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!

相关文章

猜你在找的jQuery相关文章

目录验证码实现效果如下:生成验证码的方法:生成验证码随机背景颜色在html中引用完整源码下载地址:验证码实现效果如下:生成验证码的方法:function code_draw() { var canvas_width = $('#canvas').width(); var canvas_height = $('#canvas').height(); var canvas = document.getElementById("canvas"); //获取到canvas
比如info是一个字符串变量,如果需要去该变量的值,需要使用下面的语句:语法:alert($(&quot;#&quot;+id).val());例如:使用id设置隐藏控件 $(&quot;.img&quot;).mouseover(function(event){ var html=event.target.innerHTML; //alert(html); var aid=html.match(/&amp;lt;a id=&quot;(...
使用js去除字符串内所带有空格,有以下三种方法:( 1 ) replace正则匹配方法去除字符串内所有的空格:str = str.replace(/s*/g,&quot;&quot;);去除字符串内两头的空格:str = str.replace(/^s*|s*$/g,&quot;&quot;);去除字符串内左侧的空格:str = str.replace(/^s*/,&quot;&quot;);去除字符串内右侧的...
1.开启disabled,是input不可以编辑$(&quot;#input_id&quot;).attr(&quot;disabled&quot;,&quot;disabled&quot;);2.关闭disabled$(&quot;#input_id&quot;).removeAttr(&quot;disabled&quot;);普通js中是这样写的,document.getElementById(&quot;input_id&quot;).disabled = false;...
最近自学了一段时间的HTML、CSS、JavaScript、jQuery。通过自己这段时间学到的一点小知识,自己制作了一个小app------简易备忘录在此简单记录一下,同时也希望有更好创意的朋友提出改进意见或者指++++++++++++++++++++++++++++++++++++++++++++++++++++++++++开发工具:HBui
http://www.runoob.com/jquery/jquery-chaining.htmljQuery- 链(Chaining)通过jQuery,可以把动作/方法链接在一起。Chaining允许我们在一条语句中运行多个jQuery方法(在相同的元素上)。jQuery方法链接直到现在,我们都是一次写一条jQuery语句(一条接着另一条)。不过,有一
jQuery拥有以下滑动方法:slideDown(),slideUp(),slideToggle()1、jQueryslideDown()方法用于向下滑动元素。$(selector).slideDown(speed,callback);可选的speed参数规定效果的时长。它可以取以下值:"slow"、"fast"或毫秒。可选的callback参数是滑动完成后所执行的函数名称
一、宽度和高度获取宽度.width()描述:为匹配的元素集合中获取第一个元素的当前计算宽度值。这个方法不接受任何参数。.css(width) 和 .width()之间的区别是后者返回一个没有单位的数值(例如,400),前者是返回带有完整单位的字符串(例如,400px)。当一个元素的宽度需要数学计算的时候推