使用jQuery触发onchange事件[关闭]答案

【问题标题】：Trigger onchange event using jQuery [closed]使用jQuery触发onchange事件[关闭]
【发布时间】：2018-03-01 07:22:28
【问题描述】：

我正在触发更改事件，但我的代码不起作用。

$(document).ready(function() {
    $('#category').trigger('change');
    $(document).on('change', '#category', function() {
        var type = $(this).val();
        if (type != '') {
            show_page_block_loader();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type: 'POST',
                url: '<?php echo url("/menu-manager/fetchcategory");?>',
                data: {
                    type: type
                },
                success: function(response) {
                    $('#category_id').html(response);
                    hide_page_block_loader();
                }
            });
        }
    });
});

【问题讨论】：

$('#category').trigger('change'); 是什么？
请通过创建一个 sn-p 来创建一个最小复制！没那么复杂。
当时我的页面加载时我想自动触发下拉菜单的更改事件。所以 $('#category').trigger('change');根据我，这将触发 onchange 事件。如果我错了，请纠正我。谢谢
检查我的以下答案。谢谢，

标签： javascript php jquery ajax laravel

【解决方案1】：

您应该在向选择添加事件侦听器后触发更改选择，例如

  $('#category').trigger('change');

在添加事件like后放这行代码

$(document).on('change','#category', function() { ... });

【讨论】：

感谢 void :) 问题已解决
@NEWUSER 很高兴它有帮助。请务必将答案标记为正确:)
不幸的是我的声望不到 15 :)
@NEWUSER 您可以随时通过单击复选标记将答案标记为正确:)
哦，谢谢您的信息。完成:)

【解决方案2】：

试试这个：

您在事件绑定到控件之前触发了该事件。将$(#category).trigger("change"); 移到最后。我还更改了“更改”事件初始化。

$(document).ready(function(){


    $("#category).change(function () {
        var type = $(this).val();
                if(type != ''){
                    show_page_block_loader();
                    $.ajaxSetup({ headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}}); 
                    $.ajax({
                          type: 'POST',
                          url: '<?php echo url("/menu-manager/fetchcategory");?>',
                          data: {type:type},
                          success: function (response) {
                            $('#category_id').html(response);
                            hide_page_block_loader();
                          }
                    });
                }

    });

    $(#category).trigger("change");

});

【讨论】：

【解决方案3】：

请在下面查看我的答案。

  $(document).ready(function(){
       $('#category').change(function(){
          var type = $(this).val();
                if(type != ''){
                    show_page_block_loader();
                    $.ajaxSetup({ headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}}); 
                    $.ajax({
                          type: 'POST',
                          url: '<?php echo url("/menu-manager/fetchcategory");?>',
                          data: {type:type},
                          success: function (response) {
                            $('#category_id').html(response);
                            hide_page_block_loader();
                          }
                    });
                }

       }).trigger('change');
  });

谢谢，

【讨论】：