Question

有没有办法在选择dropdownlist选项时刷新页面的某些部分（例如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函数并执行您想要的任何操作......

Answer 2

只需在代码中添加一些javascript / jquery即可。像这样的东西。

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

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

});

使用ajax with dropdownlist mvc3

2 个答案: