2012-07-16 38 views
0

腳本ASP.NET Mvc兩個相關的下拉列表?

<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> 

HTML

@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> 
} 

我要填寫第二個下拉與從第一one.How我能做到這一點的返回值?

謝謝。

回答

1

在ajax調用的成功回調中,生成填充了您返回的值的option標記,然後將其附加到名爲「sayac_no」的select標記。

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); 
} 

我想結果對象是具有兩個屬性,名稱和值的對象的列表。 根據您的需求修改它並改進它,因爲這只是一個非常基本的版本。

+0

有沒有關於這個的任何例子? – 2012-07-16 07:23:07

+0

增加了一個小例子 – 2012-07-16 07:34:10