如何使用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選擇框中選擇一個選項？

回答

相關問題