javascript - Jquery:如何从选择元素中获取选定的选项

Question

如果之前在这里回答过这个问题，我深表歉意，但我已经搜索过，但没有找到我需要的东西。我正在创建一个选择框，并使用国会法案的名称填充选项，并使用法案编号填充选项 ID。选择账单后，我需要启动一个将 id 传递给函数的事件。我无法弄清楚如何做最后一部分。我可以将 .click 添加到 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

您可以在 select 上监听更改事件

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