onchange 이벤트도 pageload로 실행

Question

다른 선택 드롭 다운에서 선택한 항목을 기반으로 선택 드롭 다운 상자를 채우는 데 사용되는 jQuery에서 일부 onchange 이벤트 설정이 있습니다.

첫 번째 선택 상자가 페이지로드시 가져온 내용에 따라 결과가 반환되도록 페이지로드시이를 실행해야합니다 (그렇지 않으면 빈 선택 상자로 끝납니다). 필자는 internets 주위를 살펴했지만, 내가 원하는 정확히 맞 아무것도 찾을 수 없습니다

내 jQuery 코드이가를 발생

Answer 1

당신은 방금과 같은 .trigger()로 바인딩 한 후 이벤트를 트리거 할 수 있습니다

$("select#ContactCompanyId").change(function(){ 
    var url = "contactList/" + $(this).val() + ""; 
    $.getJSON(url,{id: $(this).val(), ajax: 'true'}, function(j){ 
     var options = ''; 
     $.each(j, function(key, value){ 
    options += '<option value="' + key + '">' + value + '</option>'; 
     }) 
     $("select#QuoteContactId").html(options); 
    }); 
    }).trigger('change'); 

Answer 2

$(document).ready(function() { 
    $('#your_select_id').change(); 
}); 

당신의 도움에 미리

 $(function(){ 


    //Get Contacts for Company 

     $("select#ContactCompanyId").change(function(){ 
     var url = "contactList/" + $(this).val() + ""; 
     $.getJSON(url,{id: $(this).val(), ajax: 'true'}, function(j){ 
      var options = ''; 
      $.each(j, function(key, value){ 
     options += '<option value="' + key + '">' + value + '</option>'; 
      }) 
      $("select#QuoteContactId").html(options); 
     }) 
     }) 

    //Get list of product Categories 

     $("select#ProductCategory").live('change', function(){ 
     var url = "productList/" + $(this).val() + ""; 
     var id = $(this).attr('name'); 
     $.getJSON(url,{id: $(this).val(), ajax: 'true'}, function(j){ 
      var options = ''; 
     options += '<option value="0">None</option>'; 
      $.each(j, function(key, value){ 
     options += '<option value="' + key + '">' + value + '</option>'; 
      }) 
      $("select#QuoteItem" + id + "product_id").html(options); 
     }) 
     }) 

    //Function to add product data into the form 

     $(".Product").live('change', function(){ 
     var url = "productData/" + $(this).val() + ""; 
     var id = $(this).attr('title'); 
     $.getJSON(url,{id: $(this).val(), ajax: 'true'}, function(j){ 
     $("#QuoteItem" + id + "name").val(j['Product']['name']); 
     $("#QuoteItem" + id + "price").val(j['Product']['price']); 
     $("#QuoteItem" + id + "description").val(j['Product']['description']); 
     }) 
     }) 
    }) 

감사입니다 변경 이벤트를 현재 값으로 선택하십시오. 현재 값을 선택하는 사용자의 동등 함이며 onchange 이벤트에서 발생하는 모든 이벤트를 발생시킵니다.