如何在 jQuery 中获取选定的选项属性值 - Javascript

当您有一个下拉框时, 您可以使用 jQuery 来获取选中选项的属性值。

HTML 代码示例

<select id="mySelect">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

jQuery 示例

// 获取选中选项的值
var selectedValue = $('#mySelect').val();

// 获取选中选项的文本
var selectedText = $('#mySelect option:selected').text();

// 获取选中选项的属性值
var selectedOption = $('#mySelect option:selected').attr('value');

// 输出结果
console.log('选中的值:', selectedValue);
console.log('选中的文本:', selectedText);
console.log('选中的属性值:', selectedOption);

上述代码将选中的选项的值, 文本和属性值分别存储在变量中, 并将其输出到控制台。

说明

• $() 表示 jQuery 选择器, 每次都会返回一个 jQuery 对象。上述代码使用了 # 来获取 id 为 mySelect 的下拉框元素。
• val() 方法用于获取选中选项的值。
• option:selected 表示选中的选项元素。
• text() 方法用于获取选中选项的显示文本。
• attr('value') 方法用于获取指定属性的值。

感谢您阅读本教程。