ASP.NET MVC3ドロップダウンJQueryの変更イベント

Question

私は2つのドローダウンを持っていますが、1つは製造であり、もう1つはシリーズです。シリーズをバインドする必要があります。私は助けてください製造それが

<script type="text/javascript" src="../../Scripts/jquery-1.6.4.js"></script> 
<script src="../../Scripts/jquery-1.6.4.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#CompProducts").change(function() { 

     var selection = $("#CompProducts").val(); 
     var dataToSend = { 
      paymentType: selection 

     }; 
     alert(dataToSend); 
     alert(dataToSend); 
     $.ajax({ 
      type: 'POST', 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      url: "MobileHome/GetCompSeries", 
      data: dataToSend, 
      success: function (data) { 
       alert(data); 
      } 
     }); 
    }); 
}); 

私cs.Htmlでドロップダウンが

 <li>Competitor: 
       @Html.DropDownList("CompProducts", (IEnumerable<SelectListItem>)ViewData["Manufacturer"], "-- Select --", new 
      { 
       onchange = "javascript:ChangeLocalSite(this.value);" 
      }) 
      </li> 
      <li id="Li1" runat="server">Series: 
       <select id="iLevel" name="iLevel"> 
        <option value="-1">-- Select --</option> 
       </select> 
      </li> 

のように定義されている結合しないシリーズをバインドするために動的にドロップダウンし、使用、次のコードを結合しています私はどのようにバインドする方法をドロップダウンメーカードロップダウン

Answer 1

あなたが追加する必要がありますjquery.unobtrusive-ajax.min.js

Answer 2

data: JSON.stringify(dataToSend)