0

如何使用 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 应该以某种方式（如何？）触发警报或使用所选值/文本填充变量。

4

1 回答 1

0

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

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

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

于 2013-03-23T21:41:04.960 回答