📌  相关文章
📜  如何在 jquery 中获取下拉列表的选定文本 - Javascript (1)

📅  最后修改于: 2023-12-03 15:38:18.458000             🧑  作者: Mango

如何在 jQuery 中获取下拉列表的选定文本 - JavaScript

在 jQuery 中获取下拉列表的选中文本非常简单。下面将介绍如何实现。

HTML 代码

首先，我们需要一个简单的 HTML 页面来包含我们的下拉列表：

<body>
  <select id="my-select">
    <option value="1">Apple</option>
    <option value="2">Banana</option>
    <option value="3">Cherry</option>
    <option value="4">Durian</option>
  </select>
</body>
jQuery 代码

在加载 jQuery 后，我们可以使用以下代码获取选中的文本：

var selectedText = $('#my-select option:selected').text();

这里，#my-select 是我们的下拉列表的 ID，option:selected 选择器选中的是选中的选项，.text() 方法返回选中选项的文本。

完整代码

完整的 jQuery 代码示例如下：

$(document).ready(function() {
  // 获取选中的文本
  var selectedText = $('#my-select option:selected').text();
  
  // 输出选中的文本
  console.log(selectedText);
});

这里，$(document).ready() 方法用于在文档加载完成后执行代码。在上面的示例中，我们只是将选中的文本输出到控制台。

结论

通过上述步骤，我们可以轻松地在 jQuery 中获取下拉列表的选中文本。如果你需要获取选中选项的值，请使用 .val() 方法而不是 .text() 方法。

var selectedValue = $('#my-select option:selected').val();