Tôi có 3 danh sách thả xuống cho Quốc gia, Tiểu bang và Metro. Tôi muốn khi người dùng seclect Nước sau đó Nhà nước DropDownList điền Jquery và khi chọn Nhà nước sau đó Metro DropDownList lấp đầy (như tầng DropDownList của ajax) quá trình .These tôi muốn làm gì với JQuery.Ràng buộc danh sách thả xuống với JQuery trong Asp.Net
Trả lời
Tôi sẽ mô tả nó trong ASP.NET MVC, nhưng cũng có thể đạt được nếu bạn viết một dịch vụ web ASP.NET hoặc chỉ cần đặt một vài phương pháp trang trong mã của bạn phía sau để làm tương tự - bạn ' cũng sẽ cần một serializer JSON, hoặc là một giải pháp của bên thứ 3 hoặc một trong WCF.
Sử dụng MVC, đầu tiên, chúng ta hãy có ba hành động điều khiển - một để hiển thị trang, các nước sẽ tĩnh, và hai để có được các bang và thành phố lớn tương ứng:
public ActionResult Index()
{
ViewData["Countries"] = _countryRepository.GetList();
return View();
}
public ActionResult States(string countryCode)
{
var states = _stateRepository.GetList(countryCode);
return Json(states);
}
public ActionResult Metros(string countryCode, string state)
{
var metros = _metroRepository.GetList(countryCode, state);
return Json(metros);
}
Trong giao diện, bạn có ba dropdownlists, một là ràng buộc để ViewData [ "Quốc gia"] đối tượng, nói nó được đặt tên quốc gia, bạn có thể nhận được các bang trong jQuery với một cuộc gọi Ajax như thế này:
$('#Countries').change(function() {
var val = $(this).val();
$states = $('#States');
$.ajax({
url: '<%= Url.Action('States') %>',
dataType: 'json',
data: { countryCode: val },
success: function(states) {
$.each(states, function(i, state) {
$states.append('<option value="' + state.Abbr+ '">' + state.Name + '</option>');
});
},
error: function() {
alert('Failed to retrieve states.');
}
});
});
các thành phố lớn thả xuống sẽ được lấp đầy loại suy, chuyển cả lựa chọn quốc gia và tiểu bang đến máy chủ d lấy lại một đối tượng JSON với một mảng các khu vực đô thị.
Tôi đã bỏ qua chi tiết triển khai kho lưu trữ, chỉ cần điền vào biến kết quả trên máy chủ với tập hợp các tiểu bang/khu vực đô thị theo một cách nào đó. Tôi cũng giả định rằng lớp Nhà nước sẽ có hai thuộc tính - Abbr (ví dụ: 'CA') và Tên (ví dụ: California).
Tôi hy vọng rằng nó giúp bạn theo bất kỳ cách nào hoặc ít nhất là hướng bạn bằng cách nào đó hướng tới giải pháp.
- 1. Danh sách thả xuống ràng buộc bên trong GridView edititemtemplate
- 2. Danh sách thả xuống rõ ràng với JQuery
- 3. Danh sách thả xuống ASP.NET MVC
- 4. ASP.NET MVC Mẫu danh sách ràng buộc
- 5. Danh sách như chọn thả xuống với jQuery?
- 6. Hình ảnh trong danh sách thả xuống
- 7. Danh sách thả xuống đa lựa chọn trong ASP.NET
- 8. Chọn danh sách thả xuống thả xuống với mảng bằng cách sử dụng jQuery
- 9. Cách lọc các giá trị danh sách thả xuống bằng một danh sách thả xuống khác trong ASP.NET, C#
- 10. Điền vào danh sách thả xuống khi lựa chọn một danh sách thả xuống khác
- 11. ASP.NET mvc 2 - ràng buộc ngày sinh với số lần thả xuống
- 12. Danh sách thả xuống thả xuống Nguồn dữ liệu
- 13. Ràng buộc danh sách thả xuống bằng mvc3 vào từ điển?
- 14. ASP.NET - Kiểm soát danh sách thả xuống postback lập trình
- 15. Cách tạo kiểu danh sách thả xuống asp.net
- 16. ASP.NET MVC nhận giá trị danh sách thả xuống
- 17. Danh sách thả xuống Combobox
- 18. danh sách thả xuống trong đường ray
- 19. Danh sách ràng buộc với GridView
- 20. Xóa danh sách thả xuống trong C#
- 21. Lỗi trong danh sách thả xuống
- 22. Danh sách thả xuống trong ô Excel
- 23. Jquery: Danh sách bộ lọc thả xuống khi bạn nhập
- 24. Điền một danh sách thả xuống dựa trên việc chọn danh sách thả xuống khác
- 25. jquery get nhãn giá trị từ danh sách thả xuống
- 26. Làm việc với hộp danh sách thả xuống trong html
- 27. asp.net ràng buộc một danh sách để một GridView
- 28. Danh sách thả xuống chọn HTML
- 29. Danh sách ràng buộc các danh sách trong XAML?
- 30. Tự động liên kết dữ liệu với danh sách thả xuống trong asp.net mvc
cảm ơn rất nhiều, cũng làm việc cho tôi! đã phải đặt <ở phía trước giá trị tùy chọn .... – Michel
Ồ, tôi không nhận thấy điều đó! Cảm ơn, tôi đã chỉnh sửa câu trả lời của mình. –
Một lưu ý, nếu không phân tích cú pháp thành 'json' và trả về một cái gì đó như' Danh sách ', tôi phải sử dụng' states.d' hoặc các thuộc tính khác luôn không xác định. –
atconway