jQuery的級聯下拉MVC3

我正在Asp.net MVC3工作。我正在使用兩個DropdownList這是垂直和帳戶。根據垂直選擇，賬戶DropdownList應該可見並根據垂直選擇填充數據。如何使用JQuery？jQuery的級聯下拉MVC3

我使用下面的代碼，並根據Vartical的選擇得到了Accountvalues。我必須在Ajax調用的成功函數中使帳戶DropdownList可見並使用值填充。

$(document).ready(function() { 
    $("#vertical").change(function (e) { 
     var vertical = $("#vertical").val(); 
     cascadingdropdown(vertical); 
    }); 
}); 


function cascadingdropdown(vertical) { 
    $("#account").empty(); 
    $("#account").append("<option value='0'></option>"); 

    $.ajax({ 
     url: '@Url.Action("Account","Home")', 
     dataType: 'json', 
     data: { 
      vertical: vertical 
     }, 
     success: function (data) { 

     } 
    }); 
}

來源

2013-07-04 user2514925

你從Home控制器中的帳戶操作返回什麼？你需要使用數據來分配值，也許你可以從垂直分配值，而不必去服務器。 –

從帳戶操作我要返回從服務器對應的垂直帳戶價值。我需要使第二個下拉菜單可見並填充帳戶操作返回的數據。 – user2514925

試試這個http://www.deliveron.com/blog/post/Creating-a-Cascading-Dropdown-in-ASPnet-MVC-3-and-jQuery.aspx –

假設你正在返回JSON數據，比你會做這樣的事情：

var jsonData = $.parseJSON($(data).text()); 
for (var i = 0; i < jsonData.length; i++){ 
    listItems+= "<option value='" + jsonData[i].Value + "'>" + jsonData[i].Text + "</option>"; 
} 
$("#account").html(listItems); 
$("#account").show();

對於這是一個完整的答案，你需要舉一個例子，從服務器返回的數據。否則這是或多或少的僞代碼...

來源

2013-07-04 11:44:26

jQuery的級聯下拉MVC3

回答

相關問題