2016-10-05 6 views
-4

ここにコードがあります。コントローラメソッドはどのように呼び出すことができますか?ドロップダウンリストが選択されたときにコントローラメソッドを呼び出す方法

<div class="uLeft"> 
    Select Institution: 
    @Html.DropDownList("Sortby", new SelectListItem[] 
    { 
     new SelectListItem() { Text = "Option1", Value = "1" }, 
     new SelectListItem() { Text = "Option2", Value = "2" }, 
     new SelectListItem() { Text = "Option3", Value = "3" }, 
     new SelectListItem() { Text = "Option4", Value = "4" } 
    }, 
    new { @onchange = "CallChangefunc(this.value)" }) 
</div> 
+2

あなたは、(あなたはポストまたは取得としてマークする必要があります)コントローラメソッドをurlでCallChangefuncでajax呼び出しを作成するか、jquあなたがしたいことに応じて、郵便または郵便 – Lidaranis

答えて

0

すでに変更された機能CallChangefunc(this.value)があります。

あなたは(ポスト例)として、この関数を宣言しようとしている次の事 -

<script> 
    function CallChangefunc(value) { 
     $.post('http://localhost/{controller}/{action}', { sortBy: value }, function (data) { 
      console.log(data) 
     }) 
    } 
</script> 
0

があなたのドロップダウンリスト

@Html.DropDownList("Sortby", new SelectListItem[] 
{ 
     new SelectListItem() { Text = "Option1", Value = "1" }, 
     new SelectListItem() { Text = "Option2", Value = "2" }, 
     new SelectListItem() { Text = "Option3", Value = "3" }, 
     new SelectListItem() { Text = "Option4", Value = "4" } 
}, 
new { id = "ddlInstitution" }) 

にIDを提供し、この

$("#ddlInstitution").on('change', function() { 

    var selValue = $('#ddlInstitution').val(); 

    $.ajax({ 
     type: "POST", 
     url: "/{controller}/{action}", 
     dataType: "json", 
     data: { method parameter name : selValue }, 
     success: function (data) { 

     }, 
     failure: function (data) { 
      alert('oops something went wrong'); 
     } 
    }); 
}); 
のようなあなたのjqueryのコード
関連する問題