选择的每个<select>选项要捕获什么事件</select>

Question

  

可能重复：
  jquery click event on select option element in chrome

我正在使用select标签对表进行排序。但是，我希望每次选择一个选项时都会进行排序，而不仅仅是在它被更改时。

（我正在使用jquery） 这就是为什么我认为.change（）事件不适合这种情况。

我尝试在<option>上绑定.click（）事件，但chrome不会触发这些事件。

任何想法？

由于

编辑：我的解决方案

感谢大家的回复。

我最终使用不同的方法解决了这个问题。

我添加了一个中性选项：

<select>
    <option>--Select--</option>   <--new option
    <option>Name</option>
    <option>Date</option>
</select>

然后，每次直接从表中发生排序时，我将Select索引重置为0，因此无论你选择什么，都会触发.change（）事件。

Answer 1

试试这个：

$('#select_box').change(function(){
   sort_using = $(this).attr('value'); // current value
   // call your sort function with this `sort_using`
   sortTable(sort_using);
});

function sortTable(foo) {
 //your code
}

Answer 2

每当你离开select元素时onblur事件，所以如果你选择了相同的选项，它将触发它。