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

Question

dropdownlistオプションの選択時にページの一部（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> 

EDITを持っています検証（したがってjQuery）とフォームを送信したいが、あなたは明らかにonchangeイベントのjavascript関数を呼び出すことができ、あなたが望むものを何でもすることができます。 ..

Answer 2

コードにjavascript/jqueryを追加するだけです。これと同じように。

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

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

});