Мой JQuery работает в al oop. Uncaught RangeError: превышен максимальный размер стека вызовов

Question

Вот мой код,

 $('#code').change(function() {
     $('select[name="country_code"]').on('change', function() {
        var countryCode = $('#code').val();
        console.log(countryCode);
      $('select[name="country"]').prop("disabled", false);
        $('select[name="country"]').val(countryCode).trigger('change');

    });
 });



$('#country').change(function() {
     $('select[name="country"]').on('change', function() {
      var countryName = $('#country').val();
      console.log(countryName);
      $('select[name="country_code"]').prop("disabled", false);
      $('select[name="country_code"]').val(countryName).trigger('change');
    });
 });

Страна должна автоматически выбираться и показываться в опции выбора при изменении кода страны. Это работает отлично, но когда я консоль, это работает бесконечно, и появляется ошибка « Uncaught RangeError: Максимальный размер стека вызовов превысил ».

Заранее спасибо !!!

Answer 1

попробуйте выставить это событие снаружи:

$('select[name="country"]').on('change', function() {
      var countryName = $('#country').val();
      console.log(countryName);
      $('select[name="country_code"]').prop("disabled", false);
      $('select[name="country_code"]').val(countryName).trigger('change');
    });

после этого используйте функцию триггера для вызова события:

$('#country').change(function() {
     $('select[name="country"]').trigger('change');
});