移动选择选项的事件

Question

我尝试在移动设备上的选择标记上绑定选项上的事件，但点击事件处理程序中的代码不起作用，我不知道原因。

我认为点击不是此特定标记的正确事件。

$('.show-select option').on('click',function() {
    console.log('pressed radio select')
    $(this).siblings().find('option').attr('selected',false)
    showNumber = parseInt($('.show-select option').filter(':selected').val().substr(5));
    if($('.show-select option#all').text() === "All") {
        showNumber = Infinity;
    }
    filterByBreed();
    breederAnimate();
    $('.breeder').not('.active').find('.breeder_breed_desc').each( animateBreeds )
})

该控制台日志永远不会运行。我做错了什么？

Answer 1

  

    

我认为点击不是此特定标记的正确事件。

  

是的，当然click不是下拉列表的正确事件。

您需要使用change事件进行下拉而不是click：

$('.show-select').on('change',function() {
...............
...............