ASP.NET MVC 두 종속 드롭 다운 목록?

Question

스크립트

<script type="text/javascript"> 
$(document).ready(function() { 
    $('musteri_sno').change(function() { 
     $('form_sayac_secimi').submit(function() { 
      if ($(this).valid()) { 
       $.ajax({ 
        url: this.action, 
        type: this.method, 
        data: $(this).serialize(), 
        success: function (result) { 

        } 
       }); 
      } 
      return false; 
     }); 
    }); 
}); 
</script> 

나는이 작업을 수행 할 수 있습니다 첫 one.How에서 반환 된 값으로 두 번째 드롭 다운을 채우려

@using (Html.BeginForm("SayacSecimiPartial", "SayacOkumalari", FormMethod.Post, new { id = "form_sayac_secimi" })) 
{ 
<table> 
    <tr> 
     <td> 
      @Html.DropDownList("musteri_sno", (SelectList)ViewBag.musteri_id, "--Müşteri Seçiniz--", new { id = "musteri_sno" }) 
     </td> 
     <td> 
      @Html.DropDownList("sayac_no", Enumerable.Empty<SelectListItem>(), "-- Sayaç Seçiniz --", new { id = "sayac_no" }) 
     </td> 
     <td> 
      <input type="submit" value="Uygula" /> 
      @Html.Hidden("sno", new { sno = ViewData["sno"] }) 
     </td> 
    </tr> 
</table> 
} 

HTML?

감사합니다.

Answer 1

ajax 호출의 성공 콜백에서 반환 된 값으로 채워진 option 태그를 빌드 한 다음 select 태그 "sayac_no"에 추가하십시오.

success: function(result) { 
    var opt = ''; 
    for (var i = 0; i < result; i++) { 
    opt += '<option value="' + result[i].value + '">' + result[i].name + '</option>'; 
    } 
    $('select[name=sayac_no]').html(opt); 
} 

결과 개체가 이름과 값이라는 두 가지 속성이있는 개체의 목록이라고 가정합니다. 아주 기본적인 버전이므로 필요에 맞게 수정하고 개선하십시오.