jQuery从选定的下拉列表中获取html id [重复]

Posted

技术标签:

【中文标题】jQuery从选定的下拉列表中获取html id [重复]【英文标题】:jQuery get html id from selected dropdown [duplicate] 【发布时间】:2014-12-20 17:42:31 【问题描述】:

由于我的表单中有多个下拉菜单,我想从其中一个选定的下拉菜单中检索 html id。我的更改下拉菜单有以下代码:

$("select[name$='product_type']").change(function()

当使用console.log($(this).select());

我可以在控制台看到选中的下拉id;

将此 id 检索到 var 中的语法是什么?

【问题讨论】:

【参考方案1】:

只需使用$(this).attr("id") 来获取ID。

您也可以使用this.id(如 cmets 中已经提到的)。我刚刚为$(this).attr("id")this.id 找到了performance test,结果this.id 更快,这是预期的,因为它是纯javascript,而不是像jQuery 这样的javascript 库。

【讨论】:

this.id 也可以。 作品,你,我会尽快接受(10 分钟窗口)【参考方案2】:

你只需要id属性:

$("select[name$='product_type']").change(function() 
    console.log(this.id);
);

【讨论】:

【参考方案3】:

$("select[name$='product_type'] option:selected").attr("id"); 在更改回调中。

【讨论】:

以上是关于jQuery从选定的下拉列表中获取html id [重复]的主要内容,如果未能解决你的问题,请参考以下文章

Jquery 从下拉列表中获取 SelectedText

从下拉列表中获取选定的文本(选择框)

JavaScript 从HTML下拉列表中获取选定的值

从下拉列表 Select2 中的多个值中获取选定值

如何从选定的下拉列表中获取另一个值

使用jQuery从下拉列表(选择框)中获取所选文本