Asp.net mvc 在MVC4的下拉列表中获取和设置值

我是一个初学者…我不知道如何在MVC中使用下拉菜单…我曾经这样使用过它

在ItemMaster.cshtml中

在Controller.cs中

---

我正在使用项目列表填充网格视图。。。。我正在使用视图数据填充下拉列表…它工作正常。。。。我不知道单击按钮时如何获取所选值。

对于DropDownList的onchange事件，请执行以下操作：

@Html.DropDownList("ProductName", ViewData["ProductName"] as SelectList,
 "-Select Product-", new { onchange = "doFunction();" })

javascript:

或者点击按钮

脚本：

    $('#btnSubmit').click(function(){
     var PassVal = $("#ProductName").val(); //It has dropdownlist's selected value.
       if (PassVal != '') {
               //Do Ajax operations to load data in GridView(On Same Page).
          $.ajax({
            url: '<CONTROLLER/ACTIONANME>',  //Specify Actionname in controller from which you will get data.
            type: "POST",
            data: {
                ProductName: PassVal
            },
            dataType: "html",
            success: function (data) {
              $("#GridView").empty(data);  //empty gridview
              $("#GridView").html(data); //Load data to gridview
            },
            error: function () {
              alert("No Records Found");
             }
          });
       }
});

问我你是否有任何疑问

注意：您也可以将DropDownListFor用于模型绑定下拉列表。

试试这个

 @Html.DropDownList("ProductName", ViewData["ProductName"] as SelectList)

<input type="button" id="btnasd"  value="Click"/>

剧本

---

您想将下拉选择的值传递给控制器吗？先生，请帮助我如何将值从javascrip传递给控制器controller@Jaimin谢谢你引起我的注意。@multi-threader没问题，还有一件他想要的东西在btn中，单击“不在”下拉列表更改。

<script type="text/javascript">
$(document).ready(function () {
        doFunction();
    });
function doFunction() {
   var PassVal = $("#ProductName").val(); //It has dropdownlist's selected value.
   if (PassVal != '') {
           //Do Ajax operations to load data in GridView(On Same Page).
      $.ajax({
        url: '<CONTROLLER/ACTIONANME>',  //Specify Actionname in controller from which you will get data.
        type: "POST",
        data: {
            ProductName: PassVal
        },
        dataType: "html",
        success: function (data) {
          $("#GridView").empty(data);  //empty gridview
          $("#GridView").html(data); //Load data to gridview
        },
        error: function () {
          alert("No Records Found");
         }
      });
   }
}
</script>

@Html.DropDownList("ProductName", ViewData["ProductName"] as SelectList,
     "-Select Product-")
<input type="button" id="btnSubmit"  value="Submit"/>

    $('#btnSubmit').click(function(){
     var PassVal = $("#ProductName").val(); //It has dropdownlist's selected value.
       if (PassVal != '') {
               //Do Ajax operations to load data in GridView(On Same Page).
          $.ajax({
            url: '<CONTROLLER/ACTIONANME>',  //Specify Actionname in controller from which you will get data.
            type: "POST",
            data: {
                ProductName: PassVal
            },
            dataType: "html",
            success: function (data) {
              $("#GridView").empty(data);  //empty gridview
              $("#GridView").html(data); //Load data to gridview
            },
            error: function () {
              alert("No Records Found");
             }
          });
       }
});

 @Html.DropDownList("ProductName", ViewData["ProductName"] as SelectList)

<input type="button" id="btnasd"  value="Click"/>

<script type="text/javascript">
    $(document).ready(function () {

        $("#btnasd").click(function () {
            var Id = $("#ProductName").val();
             $.ajax({
            url: '@Url.Action("Action", "Controller")',
            type: "Post",
            data: { ProductNameId: Id },
            success: function (result) {

                $("#mygrid").html('');
                $("#mygrid").append(result.Data);
            }
        });
        });
});
</script>