Запустить событие обмена с помощью jQuery

Question

Запустить событие обмена с помощью jQuery

-3

Я запускаю событие при изменении, но мой код не работает.

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

Naushil Jain 01 март 2018, в 09:20

Источник

0

Что такое $('#category').trigger('change'); ?
Ayaz Shah 01 март 2018, в 07:23
0

Пожалуйста, создайте минимальное воспроизведение, создав фрагмент! Это не сложно.
Cristian S. 01 март 2018, в 07:24
0

когда моя страница загружается в то время, я хочу автоматически запустить событие изменения выпадающего списка. so $ ('# category'). trigger ('change'); это вызовет событие onchange согласно мне. Пожалуйста, поправьте меня, если я ошибаюсь. Спасибо
Naushil Jain 01 март 2018, в 07:25
0

Проверьте мой ответ ниже. Спасибо,
Pratik Mehta 01 март 2018, в 07:33

Показать ещё 2 комментария

Теги:

php

javascript

jquery

laravel

ajax

3 ответа

0

Попробуй это:

Вы запускаете событие до его привязки к элементу управления. Переместить $(#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");

});

Mittal Patel 01 март 2018, в 05:18

0

Пожалуйста, проверьте мой ответ ниже.

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

Спасибо,

Pratik Mehta 01 март 2018, в 04:53

Ещё вопросы

Пожалуйста, создайте минимальное воспроизведение, создав фрагмент! Это не сложно.
когда моя страница загружается в то время, я хочу автоматически запустить событие изменения выпадающего списка. so $ ('# category'). trigger ('change'); это вызовет событие onchange согласно мне. Пожалуйста, поправьте меня, если я ошибаюсь. Спасибо
Проверьте мой ответ ниже. Спасибо,

void · Accepted Answer · 2018-03-01T04-53-00.000Z

Вы должны инициировать изменение выбора после добавления прослушивателя событий к select like

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

Поместите эту строку кода после добавления события как

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

@NEWUSER рад, что это помогло. Пометить ответ правильный :)
к сожалению, моя репутация меньше 15 :)
@NEWUSER вы всегда можете пометить ответ правильно, нажав на галочку :)
О, спасибо за информацию. сделанный :)