0

我是初学者......我不知道如何在 MVC 中使用下拉菜单......我已经像这样使用它

在ItemMaster.cshtml 中

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

在Controller.cs中

public ActionResult ItemMaster(Item model)
{
 ObservableCollection<Item> ItemList = new ObservableCollection<Item>();
 Item Item = new Models.Item();
 ItemList = Item.GetItemList();

 Item Product = new Item();
 DataTable dtProduct = new DataTable();
 dtProduct = Item.GetProductList();

 IList<Item> MyList = new List<Item>();
 foreach (DataRow mydataRow in dtProduct.Rows)
 {
     MyList.Add(new Item()
     {
         Id = Convert.ToInt32(mydataRow["Id"].ToString().Trim()),
         Product_Name = mydataRow["Name"].ToString().Trim()
     });
 }
 var ProductName = new SelectList(MyList, "Id", "Product_Name");
 ViewData["ProductName"] = ProductName;

     return View(ItemList);
}

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

4

2 回答 2

1

尝试这个，

 @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>
于 2013-09-07T06:21:41.780 回答
-1

执行以下操作（对于 DropDownList 的 onchange 事件）：

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

javascript:

<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");
             }
          });
       }
});

问我是否有任何疑问。

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

于 2013-09-07T06:17:15.060 回答