ajax - 使用带有下拉列表 mvc3 的 ajax

Question

很难说出这里问的是什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或言辞激烈，无法以目前的形式合理回答。如需帮助澄清此问题以便可以重新打开，visit the help center .




9年前关闭。




有什么方法可以在选择下拉列表选项时刷新页面的某些部分(例如 div/span)... ??请注意我使用的是 Razor 语法。

如果是，那么请给出一些示例代码。

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 函数并执行您想要的任何操作...