Jquery：如何從select元素中獲得選定的選項

Question

如果在此之前已經回答過此問題，我表示歉意，但是我已經搜索過，但我沒有找到所需的東西。我正在創建一個選擇框，並使用國會帳單的名稱和選項ID和帳單編號填充選項。一旦賬單被選中，我需要開火，甚至會將id傳遞給一個函數。我無法弄清楚如何做最後一部分。我可以將.cl​​ick添加到select元素，但這需要第一個選項的id，而不是選取的選項。我無法獲得.click來處理選項本身。我也嘗試在選項元素上使用.focus和.select，但它們也不起作用。我如何讓jquery識別我選擇的選項？有什麼建議麼？

$.each(response.objects, function(){ 
      billNum = response.objects[count].id; 
      $('#billSelector').append('<option id=\''+billNum + '\'>'  +response.objects[count].title + '</option>'); 
      count++; 
     });//each 
     $('option').focus(function(){ 
      alert($('option').attr('id')); 
     });//function 

Answer 1

您可以偵聽change事件上select

$('#billSelector').on('change',function(){ 
    // get id of selected option 
    var id = $('option:selected',this).prop('id'); 
}); 

Answer 2

我認爲你在尋找這樣的事情：

$("#billSelector").change(function(){ 
    var selectedOptionId = $("#billSelector option:selected").attr("id"); 
    alert("you have selected option: " + selectedOptionId); 
});