Jquery:如何从select元素中获取所选选项

时间:2013-07-23 12:34:15

标签: javascript jquery

如果之前已经回答过这个问题,我很抱歉,但我已经搜索过,而且我找不到我需要的东西。我正在创建一个选择框,并使用国会账单的名称填充选项,并使用账单编号填充选项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

2 个答案:

答案 0 :(得分:5)

您可以在select

上收听更改活动
$('#billSelector').on('change',function(){
  // get id of selected option
  var id = $('option:selected',this).prop('id');
});

答案 1 :(得分:0)

我认为你正在寻找这样的东西:

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