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

如何使用jQuery从HTML选择框中选择一个选项？我正在使用选择框（单选），而不是下拉菜单。我需要获得选择价值和文本。如何使用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应该以某种方式（如何？）发出警报或用选定的值/文本填充变量。

来源

2013-03-23 Boris

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

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

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

来源

2013-03-23 21:41:04 Ohgodwhy

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

回答

相关问题