blocks|key|3788599|text|你为什么要和true比较？"selected"值是"selected"，而不是true。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3788600|entityMap^0|6|4|D|A|P|A|13|4|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|G|$]]

why are you comparing to <code>true</code>? the <code>"selected"</code> value is <code>"selected"</code>, not <code>true</code>.

blocks|key|3746821|text|忽略jQuery的命名混乱的attr()方法和属性，而只是使用该选项的selected属性，它是一个布尔值，自1996年以来发布的所有主要浏览器中都能工作：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3746822|//+Assuming+the+select+list+is+stored+in+a+variable+called+select
alert(+select.options[0].selected+);|code-block|syntax|javascript|3746823|如果您必须使用jQuery来获得该选项，则如下所示：|3746824|alert(+$(this)[0].selected+);|3746825|属性几乎从来都不是您想要的，因为它们在IE中被错误地实现，并且只表示元素的某个方面的初始值，而不是当前值。jQuery的attr()方法通常在内部使用属性。|BOLD|3746826|entityMap^0|E|6|Z|8|0|0|0|0|16|2|1O|6|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Z|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|11|8|@$9|12|A|13|B|Q]|$9|14|A|15|B|C]]|D|@]|E|$]]|$1|R|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|S|$]]

Forget jQuery's confusingly named <code>attr()</code> method and attributes in general, and instead just use the <code>selected</code> property of the option, which is a Boolean and works in all major browsers released since 1996:

<pre><code>// Assuming the select list is stored in a variable called select
alert( select.options[0].selected );
</code></pre>

If you must use jQuery to get the option, here's the equivalent:

<pre><code>alert( $(this)[0].selected );
</code></pre>

Attributes are almost never what you want, since they are incorrectly implemented in IE and only ever represent the initial value of a some aspect of the element, not the current value. jQuery's <code>attr()</code> method generally uses properties internally.

blocks|key|2026084|text|您获得选择的==+True但Selected的元素实际上是“selected”。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2026085|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Your getting the element where Selected == True but selected is actually 'selected'.

blocks|key|3746900|text|检查是否选择了选项的更好方法是键入以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3746901|if+($(this).is(":selected"))+{
+...
}|code-block|syntax|javascript|3746902|因此，如果要检测所有选定的选项，可以使用：|3746903|$("select选项:select“).each(函数()+{.+})；|3746904|也许，这解决了问题。|3746905|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

A better way to check if an option is selected, type the following:

<pre><code>if ($(this).is(":selected")) {
 ...
}
</code></pre>

So, if you want to detect all selected options you could use:

$("select option:selected").each(function () {
 ...
});

Perhaps, this fixes the problem.

blocks|key|3746924|text|我知道问题出在哪里了。我们使用js组合器，并将包含调用移动到另一个文件，解决了问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3746925|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I figured out what the problem was. We use a js combiner and apparently moving the include call to a different file fixed the problem.

Short version:

After inserting a select element with options into the DOM with an AJAX call the "selected" attribute on my option isn't recognized by the JavaScript. It's as if it's not there even though looking at it in Firebug I can see that it is.

Long version:

I'm using a jQuery plugin that generates a "multi select" (select imitation with checkboxes pretty much) based on an actual html select with options that can have a "selected" attribute. The plugin checks if the selected attribute exists by doing 

<pre><code>$(this).attr('selected') == true
</code></pre>

and if it exists it sets the corresponding checkbox to checked. This all works when I load the page normally. I also need to reload the data if the user chooses to filter it and here is where the problem is. The new data is fetched via AJAX and the plugin is reapplied to new markup but the "selected" attribute isn't considered present even though it's there just like before. Other attributes work fine but "selected" bizarrely enough doesn't. This is the markup both when it works and when it doesn't. 

<code>&lt;option value="1" selected="selected" warning="true"&gt; text&lt;/option&gt;</code>

I'm really scratching my head over this. Anyone got a suggestion?

Why does javascript not see the "selected" attribute on my select option?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

简写版：在使用AJAX调用将带有选项的select元素插入DOM之后，JavaScript无法识别我选项上的"selected“属性。就好像它不存在，即使在Firebug中看到它，我也能看到它是的。长版本：我正在使用一个jQuery插件，它生成一个“多选择”(选择模仿复选框)，它基于一个实际的html选择，该选项可以有...

问为什么javascript没有在我的select选项上看到"selected“属性？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么javascript没有在我的select选项上看到"selected“属性？EN