使用jQuery从下拉列表（选择框）中获取选定的ID [重复]

Posted 2023-03-05

【中文标题】使用jQuery从下拉列表（选择框）中获取选定的ID [重复]

【英文标题】：Get selected id from drop-down list (select box) using jQuery [duplicate]

【发布时间】：2015-07-21 12:06:22

【问题描述】：

我一直在寻找一种从下拉列表选项中获取id 的方法，当它被选中时。我发现了以下内容： Get selected text from a drop-down list (select box) using jQuery 并尝试将接受的答案更改为：

$("#yourdropdownid option:selected").id;

但是当我alert() 它时，它给了我“未定义”。有没有办法使用 JQuery 获取 id？

【问题讨论】：

$("#yourdropdownid option:selected").attr('id')

@Mr_Green 不是和我写的一样吗？ .id 和 .attr('id') 不一样吗？

@julianavar nope.. 有区别。始终使用控制台检查您是否正确执行操作。 :)

@julianavar。它不一样。您使用的是jQuery 样式而不是纯javascript 样式。

@julianavar 不要混淆 jquery 的对象和 javascript 的 DOM 对象。

【参考方案1】：

因为$("#yourdropdownid option:selected")返回一个没有id属性的jQuery对象，所以你可以使用.attr()来获取元素的id

$("#yourdropdownid option:selected").attr('id');

【讨论】：

@julianavar $("#yourdropdownid option:selected") 是一个 jQuery 对象，它没有 id 属性，但选定的 option 元素具有 id（据我了解，存在并且 OP 想要那个值）....

【参考方案2】：

使用.attr()或.prop()获取id：

$("#yourdropdownid option:selected").prop('id')

或

$("#yourdropdownid option:selected").attr('id')

如果你想使用纯 javascript 那么：

var obj=document.getElementById("myId").options[document.getElementById("myId").selectedIndex];
alert(obj.id);

不要将 jquery 对象与 $("#yourdropdownid option:selected").id 之类的 js 属性混用。