如何在jQuery中获取选中的选项元素attr

How to get selected option element attr in jQuery?

本文关键字：选项 元素 attr 获取 jQuery      更新时间：2023-09-26

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

jQuery:

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

HTML:

 <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();

两者都有效！

简单使用：

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

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

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

JSFIDDLE

尝试在选项中获取值

$("#select_element").val()

并尝试此操作以获取所选中的文本选项

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

您可以在这里看到

的示例

重新编辑显示：

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

val不是option元素的有效属性。正确的属性是value，或者如果需要自定义属性，请使用data-前缀（例如data-val）。

所以，取决于你指的是value还是data-val:

如果你指的是value：

$("#select_element").val()是否在选择框中为您提供所选option元素的值（value属性）：

console.log($("#select_element").val());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="select_element">
  <option value="1">One</option>
  <option value="2" selected>Two</option>
  <option value="3">Three</option>
</select>

如果您的意思是data-val：

如果你想从同一个option元素中获得一些其他属性，你可以这样做：

var otherAttributeValue = $("#select_element option:selected").attr("data-val");

例如：

var otherAttributeValue = $("#select_element option:selected").attr("data-val");
console.log(otherAttributeValue);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="select_element">
  <option data-val="first" value="1">One</option>
  <option data-val="second" value="2" selected>Two</option>
  <option data-val="third" value="3">Three</option>
</select>

相关文章：