Javascript 如何在jQuery中获取所选选项元素attr？

我想获取所选选项元素的属性值

jQuery:

$("#select_element").val().attr("val");

 <select id="select_element" class="selectpanel">
     <option val="x">element1</option>
     <option val="y">element2</option>
 </select>

$('#select_element option:selected').attr('val');

HTML:

$("#select_element").val().attr("val");

 <select id="select_element" class="selectpanel">
     <option val="x">element1</option>
     <option val="y">element2</option>
 </select>

$('#select_element option:selected').attr('val');

要素1
元素2

重新编辑显示：

<option val="x">element1</option>

一个
两个
三

简单使用：

$("#select_element").val();

如果您想要它的文本，那么：

$('#select_element option:selected').text();

---

试试这个：

$("#select_element").val().attr("val");

 <select id="select_element" class="selectpanel">
     <option val="x">element1</option>
     <option val="y">element2</option>
 </select>

$('#select_element option:selected').attr('val');

或

$('#select_element option:selected').val();

---

两者都是有效的

尝试此操作以获取选项中的值

$（“#选择_元素”）.val（）

并尝试此操作以选择“在te中获取文本”选项

$('#slcFoo option:selected').text()

---

您可以看到示例

删除

attr

方法并使用

value

属性not

val

。我在谷歌上搜索了您问题的标题并找到了问题的答案，您也应该这样做。

val

的可能重复项不是

选项

元素的有效属性。属性为

值

。如果需要自定义属性，请使用

data-

前缀.T.J。克劳德：谢谢你information@AlexFilatov：以上两个代码段都可以工作。我有一个非片段版本的第二个版本，它使用了一个参数，而不是

this

（因为我错误地记住了jQuery的

过滤器

与

数组#过滤器

），也许这就是您看到的？如果是，点击刷新。但是实际上，jQuery有伪选择器

：selected

，所以…是的，它的工作就是这样的；这是什么？您的选项没有属性id。我改变了这种情况，如果您使用数据id并获取

$（'select#u元素选项：selected'）。数据（'id'）

但是您没有提到这个，也不需要这个。用JSFIDLE链接检查我编辑的答案。