如何強制觸發變更功能

Question

我有以下jQuery函數，它發送AJAX請求並准確接收響應。

  $('#region_id').on('change', function() {
     //some AJAX request and response which works great.
  });

region_id是一個select標記，並具有幾個區域名稱。

當我從該下拉列表中選擇區域名稱時，它會導致加載另一個名為city_id下拉列表。 但是由於某些原因，當我加載此頁面時，我需要調用region_id change函數，該函數會自動加載城市下拉列表。

當下拉項選擇更改時， change事件實際上起作用，但是我需要調用此更改函數，以便在頁面加載期間也加載我的城市下拉列表。

我已經試過了：

$('#region_id').trigger('change'); //Forcefully call a function

Answer 1

其工作完美。

的HTML：

<input type="text"  id="region_id">

jQuery的：

 $('#region_id').on('change', function() {
     alert('Test alert');
  });
$('#region_id').trigger('change'); 

小提琴樣本： 小提琴

Answer 2

也許這可以幫助您：

$('#region_id').on('change', function() {
     alert('Test alert');
  });
$('#region_id').val(' ').trigger('change'); // set value as you want to change