jQuery 获取选定的下拉项 - JavaScript

在进行 Web 开发时，下拉框是一个非常常用的 HTML 元素之一。在一些需要用户选择的页面交互中，我们需要获取用户选择的下拉框选项。本文将介绍如何使用 jQuery 获取选定的下拉项。

HTML 代码示例

我们首先使用以下 HTML 代码创建一个简单的下拉框：

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

jQuery 获取选定的下拉项

我们可以使用 jQuery 的 val() 方法获取选中的值，代码如下：

var selectedValue = $('#mySelect').val();

为了获取选中的文本，我们可以使用以下代码：

var selectedText = $('#mySelect option:selected').text();

下面是完整的示例代码：

// 获取选定的值
var selectedValue = $('#mySelect').val();
console.log(selectedValue);

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

结论

使用 jQuery 获取选定的下拉项非常简单，只需要使用 val() 和 option:selected 即可。本文介绍的示例代码可以帮助你理解 jQuery 获取下拉项的逻辑。