javascript - 如何将选定的索引值传递给更改函数

Question

我有一个如下所示的选择菜单:

<select id ="cal-category-select">
    <option value="/event-sort/list/2009/9/sports/">Sports Events</option>
    <option value="/event-sort/list/2009/9/fine-arts/">Fine Arts Events</option>
    ...
</select>

当用户从select中选择一个选项时，我需要将选项值属性作为事件数据传递给这个函数，它是第二个参数:

$('#cal-category-select').bind('change.filter', need_value_attribute_here, update_cal);

引用的update_cal函数接收第二个参数传进来的数据，用来获取一些ajax内容。

知道我该怎么做吗？我一直无法让它工作。

我试过这个:

var category_url = $('#cal-category-select option:selected').attr('value');
$('#cal-category-select').unbind().bind('change.filter', category_url, update_cal);

但这只会返回列表中的第一个选项值。

Answer 1

您只需使用:

$("#cal-category-select").val()

另一种更长的语法:

$('#cal-category-select option:selected').val()