Добавление на страницу загрузки функциональности jQuery

Question

У меня есть следующий вызов jQuery AJAX (на сайте Wordpress), который прекрасно работает при выборе значения из выпадающего меню (при изменении). Тем не менее, как мне также запустить это при загрузке страницы?

Насколько я понимаю, мне нужно использовать $( document ).ready(), однако я застрял в том, как это следует добавить к существующему коду.

Любая помощь приветствуется.

<script type="text/javascript">
jQuery(document).ready( function($) {
    var valueCheck;
    jQuery('#teamsID').on( 'change', function () {
         valueSelect = $(this).val();
     jQuery.ajax({
        type: "POST",
        url: "/wp-admin/admin-ajax.php",
        data: {
            action: 'call_team_stats',
            value: valueSelect,
        },
         success:function(output){
             jQuery('#stats').html( output );
         }
     });
    });
});
</script>

Answer 1

После определения обработчика события вызовите .change(), чтобы вызвать событие, как если бы пользователь выбрал что-то из выпадающего списка.

jQuery(document).ready(function($) {
  var valueCheck;
  jQuery('#teamsID').on('change', function() {
    valueSelect = $(this).val();
    jQuery.ajax({
      type: "POST",
      url: "/wp-admin/admin-ajax.php",
      data: {
        action: 'call_team_stats',
        value: valueSelect,
      },
      success: function(output) {
        jQuery('#stats').html(output);
      }
    });
  }).change();
});