使用Ajax和DropDownList的MVC3 [英] using ajax with dropdownlist mvc3

问题描述

有什么方法来刷新页面（如DIV / SPAN）对选择的DropDownList选择某些部分...？请注意，我用剃刀语法。

Is there any way to refresh some part of page (e.g div/span) on selection of dropdownlist option ... ?? Please note I'm using razor syntax.

如果是的话，请给一些样品code。

If yes, then please give some sample code.

推荐答案

是的，你可以订阅的onchange 事件。

Yes, you can subscribe to the onchange event.

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

也许这样的（真实的例子）：

Maybe like this (real example):

   @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函数（或类似）

And then have this javascript function (or similar)

<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的），并希望提交一个表单，但你能明显调用任何JavaScript函数onchange事件，做任何你想要的...

这篇关于使用Ajax和DropDownList的MVC3的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！