Jqueryカテゴリabdサブカテゴリネストされたドロップダウン

Question

私はAsp.Net MVC3で2つのドロップダウンを持っています。

1. コントローラはカテゴリのリストを与え、コントローラカテゴリメソッドへのJquery Ajax呼び出しを使用して、ドロップダウンリストのカテゴリリストを設定しています。

2. コントローラはサブカテゴリのリストを提供し、コントローラのサブカテゴリメソッドへのJquery Ajaxコールを使用し、ドロップダウンリストのサブカテゴリのリストに値を設定します。

jqueryを使用して選択したカテゴリに基づいてsu7bcategoriesを設定するにはどうすればよいですか？どんな助けもありがとう。

このタスクを実行するための他の代替オプションがある場合は、私にもお勧めします。

Answer 1

カテゴリでonchangeイベントを添付し、選択したカテゴリのカテゴリをサーバーに送信します。サーバーメソッドは、他のドロップダウンリストのサブカテゴリを入力する必要があります

Answer 2

<table> 
    <tr> 
     <td>Category 
     </td> 
     <td> 
      <select id="Category"></select> 
     </td> 
    </tr> 
    <tr> 
     <td>Subcategory 
     </td> 
     <td> 
      <select id="SubCategory"></select> 
     </td> 
    </tr> 
</table> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $.ajax({ 
      url: '/ControllerName/GetAllCategory', type: 'Get', dataType: 'json', 
      success: function (data) { 
       var categoryObj = $('#Category'); 
       categoryObj.empty(); 
       $.each(data, function (i, entity) { 
        categoryObj.append('<option value="' + entity.Id + '">' + entity.Name + '</option>'); 
       }); 
      } 
     }); 

     $('#Category').change(function() { 
      $('#SubCategory').empty(); 
      if ($(this).val() != null && $(this).val() != 0) { 
       $.ajax({ 
        url: '/ControllerName/GetAllSubCategory', type: 'Get', dataType: 'json', 
        data: { CategoryId: $(this).val() }, 
        success: function (data) { 
         var subCategoryObj = $('#SubCategory'); 
         //subCategoryObj.empty(); 
         $.each(data, function (i, entity) { 
          subCategoryObj.append('<option value="' + entity.Id + '">' + entity.Name + '</option>'); 
         }); 
        } 
       }); 
      } 
     }); 
    }); 
</script>