Question

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

$(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();
                }
            });
        }
    });
});

Answer 1

在将事件监听器添加到选择之后，您应该触发更改选择

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

在添加

之类的事件后添加以下代码

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

Answer 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");

});

Answer 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');
  });

谢谢，

使用jQuery触发onchange事件

3 个答案: