ポストバックなしのjquery changeイベント

Question

私はリストボックスを持っており、特定の選択値にはドロップダウンを表示したいのですが、ドロップダウンからの値の選択には別のドロップダウンを表示したいと思います。

jqueryを使用してこれを実現しましたが、ポストバック後にのみドロップダウンが表示されます。ポストバックを避けるには？

これは私のjqueryのコードである

<script type="text/javascript"> 
$(document).ready(function() { 
    if ($('#<%=under_list1.ClientID %> option:selected').val() == 0) { 
     $("#ddl_nature1").show(); 
     $("#ddl_gross1").hide(); 
     if ($('#<%=ddl_nature.ClientID %> option:selected').val() == 'I', $('#<%=ddl_nature.ClientID %> option:selected').val() == 'E') { 
      $("#ddl_gross1").show(); 

     } 
     else { 
      $("#ddl_gross1").hide(); 

     } 
    } 
    else { 
     $("#ddl_nature1").hide(); 
     $("#ddl_gross1").hide(); 
    } 
}); 

under_list1は、ddl_nature1は私の最初のドロップダウンリストボックスは、私のIDで、ddl_gross1は私の2番目のドロップダウンです。

Answer 1

ドロップダウンリストの変更についても同じチェックを追加する必要があります。ここでは、ドロップダウンリストの変更を共通の機能に置き換え、ドロップダウンリストの変更とDOMの準備が完了したときのもの（魔法使いはポストバックバック）を呼び出します。

$('#<%=ddl_nature.ClientID %>').change(function() { 
    ChangeViews(); 
}); 


$(document).ready(function() { 
    ChangeViews(); 
}); 

function ChangeViews() 
{ 
    if ($('#<%=under_list1.ClientID %> option:selected').val() == 0) { 
     $("#ddl_nature1").show(); 
     $("#ddl_gross1").hide(); 
     if ($('#<%=ddl_nature.ClientID %> option:selected').val() == 'I', $('#<%=ddl_nature.ClientID %> option:selected').val() == 'E') { 
      $("#ddl_gross1").show(); 
     } 
     else { 
      $("#ddl_gross1").hide(); 
     } 
    } 
    else { 
     $("#ddl_nature1").hide(); 
     $("#ddl_gross1").hide(); 
    } 
} 

Answer 2

なぜAjax PageLoad機能を使用しないでください。各PostBackの後には、pageLoad関数が呼び出されます。

function pageLoad() 
    { 
     if ($('#<%=under_list1.ClientID %> option:selected').val() == 0) { 
      $("#ddl_nature1").show(); 
      $("#ddl_gross1").hide(); 
      if ($('#<%=ddl_nature.ClientID %> option:selected').val() == 'I', $('#<%=ddl_nature.ClientID %> option:selected').val() == 'E') { 
       $("#ddl_gross1").show(); 

      } 
      else { 
       $("#ddl_gross1").hide(); 

      } 
     } 
     else { 
      $("#ddl_nature1").hide(); 
      $("#ddl_gross1").hide(); 
     } 

}