sử dụng ajax với danh sách thả xuống mvc3

Question

Có cách nào để làm mới một số phần của trang (ví dụ: div/span) khi chọn tùy chọn danh sách thả xuống ... ?? Xin lưu ý tôi đang sử dụng cú pháp dao cạo.

Nếu có, vui lòng cung cấp một số mã mẫu.

Answer 1

Có, bạn có thể đăng ký sự kiện onchange.

@Html.DropDownListFor(m => m.ItemId, Model.ItemList, "Select an item...", new { onchange = "somefunction();" }) 

Có lẽ như thế này (ví dụ thực tế):

@using (Ajax.BeginForm("Action", new AjaxOptions { HttpMethod = "Post", UpdateTargetId = "divtoupdate", InsertionMode = InsertionMode.Replace })) 
    { 
     @Html.DropDownListFor(m => m.ItemId, Model.ItemList, "Select an item...", new { onchange = "doSubmit($(this).parents('form'));" }) 
    } 

Và sau đó có điều này hàm javascript (hoặc tương tự)

<script> 
function doSubmit(form){ 
    // event.preventDefault(); doesn't work in IE8 so do the following instead 
    (event.preventDefault) ? event.preventDefault() : event.returnValue = false; 
    form.submit(); 
} 
</script> 

EDIT: Ví dụ này giả sử bạn đang sử dụng không phô trương xác nhận (và do đó jQuery) và muốn gửi một biểu mẫu, nhưng bạn rõ ràng có thể gọi bất kỳ hàm javascript nào cho sự kiện onchange và làm bất cứ điều gì bạn muốn. ..

Answer 2

chỉ cần thêm một số javascript/jquery vào mã của bạn. somthinglike này.

$("#button").click(function(){ 

$("#div").load("www.wateveryourdatapageis.com"); 

});