如何在MVC中的下拉更改中調用操作名稱？

Question

如何在選擇第一個下拉列表時將數據綁定到第二個下拉列表？

我已經使用強類型視圖綁定第一個dropdownlist。

現在如何調用動作名稱，並綁定第二個dropdownlist選擇第一個dropdownlist？

<tr> 
      <td>Select Make:</td> 
      <td>@Html.DropDownListFor(m => m.SelectedMake, Model.MakesList, new { @class = "form-control", @onchange = "FillModel()" })</td> 
     </tr> 
     <tr> 
      <td>Select Model</td> 
      <td>@Html.DropDownListFor(m => m.SelectedMake, Model.MakesList)</td> 
     </tr> 

操作名稱

public ActionResult FillModel(int MakeId) 
     { 
      var makedata = objVehicleContext.VehicleMakes.Where(m=>m.MakeId==MakeId); 

      ViewBag.makelist = makedata.ToList(); 
      return View(); 
     } 

Answer 1

你可以把jQuery函數在下拉列表中的變化。對於實施例

<tr> 


     <td>Select Make:</td> 
       <td>@Html.DropDownListFor(m => m.SelectedMake, Model.MakesList, new { @class = "form-control", @onchange = "FillModel()", id="ddlMake" 

    })</td> 
     </tr> 
     <tr> 
      <td>Select Model</td> 
      <td>@Html.DropDownListFor(m => m.SelectedMake, Model.MakesList,new {@id="ddlModel"})</td> 
     </tr> 

這是一個簡單的解決方案來調用下拉變化的操作方法。

$(document).ready(function(){ 
    $("#ddlMake").change(function(){url.action('Controller Name','Action Method Name')}) 
}) 

但對於進一步的效果您必須調用Ajax調用方法和獲取數據。之後，在方法成功之後，您必須在ddlModel上添加Data的其餘部分。就像它。

$(document).ready(function(){ 

    $("#ddlMake").change(function(){ 
    $.ajax({ 
     type:'POST', 
     url:'url.action('Controller Name','Action Method Name')' 
     data:{id:$('#ddlMake').val()}, 
     sucess:{ 
      $("#ddlModel").append('<option value="' + ModelId.Value + '">' + Model.Text + '</option>'); 
     } 
     });)}) 
     }) 

，你需要使用控制器

public JsonResult GetModel() 
    { 
     //your dropdown datasource 
     return json(ddlModeldatasurce,JsonRequestBehavior.AllowGet); 
    } 

Answer 2

這樣做，如果我明白你的問題正確的，那麼你只需做簡單的jquery.post

$("#ddlMake").change(function() { 
      $.post("controller/ActionName", function (data) { 
       $.each(data, function (val, txt) { 
        $("#ddlModel").append('<option value="' + val + '">' + txt + '</option>'); 
       }); 
      }); 
     }); 

並在控制器中：

public Actionresult GetModel() 
    { 
     //your dropdown datasource 
     return json(ddlModeldatasurce); 
    }