Question

如何使用jQuery从HTML选择框中选择一个选项？我正在使用选择框（单选），而不是下拉。我需要获得选择值和文本。

这是我的代码，但缺少jQuery函数：

<html>
  <head>
    <script type='text/javascript'>
      val choiceVal = "None!";
      val choiceText = "None!";
      //So what is the function?
    </script>
  </head>
  <body>
    <select id="myListChoices">
      <option value="1">Choice 1</option>
      <option value="2">Choice 2</option>
      <option value="3">Choice 3</option>
    </select>
  </body>
</html>

更多说明：请注意，我的问题的目标是编写一个处理程序，它将在单击列表项时返回选定的值和/或文本。因此，例如，如果用户单击页面中的“选择2”，jQuery应以某种方式（如何？）触发警报或使用所选值/文本填充变量。

Answer 1

您捕获选择列表的change事件。

$('select').on('change', function () {
    alert($('option:selected').val() +' : '+ $('option:selected').text());
});

在上面，我们根据您的需要返回选定的选项val（）和text（）。

如何使用jQuery从HTML选择框中选择一个选项？

1 个答案: