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中选择一个选项时，我需要将option value属性作为事件数据传递给该函数，这是第二个参数：

$('#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').bind('change.filter', function(){
  update_cal($(this).val());
});

Answer 2

您只需使用：

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

替代更长的语法：

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

Answer 3

对于选定的<option>值，它应该只是

$('#cal-category-select').val();

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

3 个答案: