選択オプションでイベントをトリガーするページの読み込み負荷

Question

選択した業種に基づいてビジネスタイプのリストを取得したいと考えています。次のコードを使用しています -

$('#industry_type').change(function() { 
    var industry_id = $(this).val(); 
    getBusinessTypes(industry_id); 
    return false; 
}); 

function getBusinessTypes(industry_id) { 
    $.ajax({ 
     url: baseURL + ('processes/org_process.php'), 
     type: "POST", 
     data: { 'action': 'all', 'industry_id': industry_id }, 
     success: function (data) { 
      var business_type = $('#business_types'); 
      business_type.chosen('destroy'); 
      business_type.html(data); 
      business_type.chosen({ width: "100%" }); 
     } 
    }); 
} 

私はビジネスタイプのリストを返します。

Buここでの問題は、選択したオプションを変更した場合にのみイベントを発生させることです。ページで選択された選択オプションがすでにロードされている場合、イベントはトリガーされません。

ページの読み込み時に選択した業種に基づいてビジネスタイプのリストを取得するにはどうすればよいですか？

ありがとうございます！

Answer 1

イベントハンドラをバインドした後に.trigger('change')を追加します。

$('#industry_type').change(function() { 
    var industry_id = $(this).val(); 
    getBusinessTypes(industry_id); 
    return false; 
}).trigger('change');