如何在 jQuery 中获取所选选项的文本值？

在使用 jQuery 绑定了 select 元素的 change 事件后，我们经常需要获取所选选项的文本值。下面是一些方法可以帮助你在 jQuery 中获取所选选项的文本值。

方法一：通过 .text() 方法

使用 jQuery 的 .text() 方法可以获取所选选项的文本值。首先，我们需要选中所选的 option 并调用 .text() 方法。如下所示：

// 获取 select 的所选 option 的文本值

$('select').on('change', function() {
  var selectedText = $(this).find('option:selected').text();
  console.log(selectedText);
});

在上面的示例中，当选中 select 元素中的一个选项时，我们在控制台打印出选中选项的文本值。

方法二：通过 .val() 方法获取选项的 value 值

如果你只需要获取选项的 value 值，可以使用 jQuery 的 .val() 方法。同样，我们需要选中所选的 option 并调用 .val() 方法。如下所示：

// 获取 select 的所选 option 的 value 值

$('select').on('change', function() {
  var selectedValue = $(this).val();
  console.log(selectedValue);
});

在上面的示例中，当选中 select 元素中的一个选项时，我们在控制台打印出选中选项的 value 值。

总结

通过上述的方法，你能够轻松地在 jQuery 中获取所选选项的文本值和 value 值。务必理解这些方法的区别，并在你的项目中选用最适合你需求的方法。