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); 
});