使用ajax with dropdownlist mvc3

Question

有没有办法刷新页面的某些部分(例如div/span)选择dropdownlist选项... ?? 请注意我使用的是剃刀语法.

如果是,那么请提供一些示例代码.

Answer 1

是的,您可以订阅该onchange活动.

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

也许像这样(真实的例子):

   @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'));" })
    }

然后有这个javascript函数(或类似的)

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

编辑:这个例子假设您正在使用不显眼的验证(因此jQuery)并且想要提交表单,但您显然可以为onchange事件调用任何javascript函数并执行您想要的任何操作...