コントローラのmvcで選択されたインデックスの値を変更する方法C＃

Question

ドロップダウンリストで値を取得しています。ユーザーがドロップダウンリストから任意の値を選択したときに、コントローラで選択した値を取得したかったのです。私の見解である -

@using (Html.BeginForm("ApReport", "Sales", FormMethod.Post)) 
{ 
    @Html.DropDownList("Ddl", null, "All", new { @class = "control-label"}) 

    @Html.Hidden("rddl")         
} 

コントローラ -

[HttpPost] 
public ActionResult ApReport(ApReport Ddl) 
{ 
    string Ddlvalue = string.Empty; 
    if (Request.Form["rddl"] != null) 
    { 
    Ddlvalue = Request.Form["rddl"].ToString(); 
    } 
} 

が、私は任意の値を取得しておりません。また、私は送信ボタンを使用したくありません。事前に

おかげ

Answer 1

Ajaxを使用すると、ページ全体をリロードせずにメインビューを更新するだけでなく、バ​​ックグラウンドでサーバーにデータを送信するために開発者としてことができます。

これは私がこの作業を達成した方法です。

まず、コントローラでJsonResultを返すアクションを作成しました。これはJSONオブジェクトを呼び出し元のjqueryコードに返します。これを使用して値をビューに戻すことができます。アクションメソッドの例を次に示します。

[HttpGet] 
public JsonResult YourActionName(string selectedValue) //Assuming key in your dropdown is string 
{ 
    var result = DoYourCalculation(selectedValue); 

    return Json(new { myResult = result }, JsonRequestBehavior.AllowGet); 
} 

ここで、jqueryコードを追加する必要があります。私はあなたのビューによって参照される別々のjavascriptファイルにこれを配置することをお勧めします。

ここにはJQueryコードがあり、コントローラのアクションにajaxコールがあります。サーバーへのAjax呼び出しは、以下に示すように、DropDownの 'change'イベントによって開始され、JQueryで処理されます。

$(function() { 
     $(document) 
      .on('change', '#Ddl', function(){ 
       var valueofDropDown = $(this).val(); 
       var url = '/YourControllerName/YourActionName'; 
       var dataToSend = { selectedValue: valueofDropDown } 

       $.ajax({ 
        url: url, 
        data: dataToSend, 
        type: 'GET', 
        success: function (dataReceived) { 
         //update control on View 
         var receivedValue = dataReceived.myResult ; 
         $('YourControlIDToUpdate').val(receivedValue); 
       } 
      }) 
     }); 
    }; 

の