Блог

я только читаю учебники по jQuery, но теперь знаю, как использовать условия в нем. у меня есть html-форма с php и ajax. Все работает хорошо данные отображаются на интерфейсе при нажатии на опции

1)я хочу сделать это, когда страница будет полностью загружена, а затем показать случайное видео .

2)когда пользователь вводит ключевое слово и выбирает тип, затем снова звонит в ajax. Первый приоритет при изменении(выберите пункт из опций), а второй приоритет-нажатие клавиши.

когда пользователь изменит значение в разделе опций, затем позвоните в ajax(это работа)

дополнительный

при нажатии клавиши затем щелкните мышью в любом месте(но выбранный элемент важен), затем вызовите ajax.

когда страница будет обновлена, автоматически вызовите ajax и выберите случайные видео

это моя html-форма

 lt;formgt;   lt;input type="text" name="psrn" id="prsnvl"gt;   lt;select id="prsnchs"gt;   lt;option value="0"gt;Action/optiongt;  lt;option value="1"gt;Dramalt;/optiongt;  lt;option value="2"gt;Horrorlt;/optiongt;  lt;/selectgt;  

это мой собственный код сценария

 jQuery(document).ready(function(){  $('#prsnchs').on('click', function(e){   e.preventDefault();  var ajax_url = plugin_ajax_object.ajax_url; // i did declare in main plugin file     // fetch the record with parameters  var data ={  action: 'myaction', // it is my plugin ajax request  adSlct: $('#prsnchs').val(),   };    $.ajax({  url: ajax_url,  type:'post',  data: data,  success: function(response){  $('#dyanmic-content').html(response); // it is sent on the front end  },  })  })  

Вы должны сделать $('#prsnchs').on('change' вместо $('#prsnchs').on('click' этого .

Создайте еще одну функцию, которую вы должны вызывать каждый раз, когда происходят эти 2 события.
Пример ниже:

Звонок getRandomVideos() сделает то, что вы хотите.

 function getRandomVideos(){  var ajax_url = plugin_ajax_object.ajax_url; // i did declare in main plugin file     // fetch the record with parameters  var data ={  action: 'myaction', // it is my plugin ajax request  adSlct: $('#prsnchs').val(),   };   $.ajax({  url: ajax_url,  type:'post',  data: data,  success: function(response){  $('#dyanmic-content').html(response); // it is sent on the front end  },  }); }  jQuery(document).ready(function(){  $('#prsnchs').on('change', function(e){   e.preventDefault();    // when changing select update  getRandomVideos();    });   // when page is loaded  getRandomVideos();   });