使用jQuery [duplicate]从下拉列表（选择框）中获取所选id

This question already has an answer here:

这个问题在这里已有答案:

How can I get the ID of an element using jQuery? 19 answers

如何使用jQuery获取元素的ID? 19个答案

I have been searching for a way to get the id from a drop-down list option, when it is selected. I have found the following: Get selected text from a drop-down list (select box) using jQuery
And tried to change the accepted answer to:

当它被选中时,我一直在寻找一种从下拉列表选项中获取id的方法。我找到了以下内容:使用jQuery从下拉列表(选择框)中获取所选文本并尝试将接受的答案更改为:

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

But when I alert() it, it gives me "undefined". Is there a way to get the id using JQuery?

但当我提醒()它时,它给了我“未定义”。有没有办法使用JQuery获取id?

2 个解决方案

#1

Because $("#yourdropdownid option:selected") returns a jQuery object which does not have the id property so, you can use .attr() to get id of the element

因为$(“#yourdowndownid选项:selected”)返回一个没有id属性的jQuery对象,所以可以使用.attr()来获取元素的id

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

#2

Get the id using .attr() or .prop():

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

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

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

and if you want to use pure javascript then:

如果你想使用纯JavaScript,那么:

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

Don't mix the jquery object with js property like $("#yourdropdownid option:selected").id.

不要将jquery对象与js属性混合,如$(“#yourdowndownid option:selected”)。id。

#1