javascript - 当下拉列表为 'change' 时触发 'selected' 操作，而不是当下拉列表值更改时

Question

我有一些动态创建的下拉列表。

我在保持代码 DRY 方面做得不错，但我遇到了一个小问题。

我指示 jQuery 在选择列表“更改”时触发事件，并且看到列表是动态构建的，当从服务器检索响应时它们会更改，jQuery 正在考虑更改。但我真正想要的是仅当从下拉列表中“选择”选项时才触发操作。

$('select').change(function(){       var idx = $(this).index();       var query = $(this).val();    $.ajax({        url: 'getNext',        data: {query:query},        dataType: 'json',        success: function(data){                    var optionsList ='';                       for (var j=0; j'+data[j]+'';                        }                     $('select:eq('+idx+1+')').html(optionsList);                         }     });});

我试过使用

$('select:selected').change()

但这不会触发任何东西。关于如何仅在选择选项时触发更改，而不是在创建选项或选择列表时触发更改的任何建议？

Answer 1

你试过吗:

$('select').click(
    function(){
        $(this).trigger('change');
    });