ajax - ドロップダウンリストmvc3でajaxを使用する

Question

ドロップダウンリストオプションの選択時にページの一部（たとえば、div / span）を更新する方法はありますか... ?? 私はかみそりの構文を使用していることに注意してください。

はいの場合は、サンプルコードをいくつか提供してください。

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");

});