MVC2.0:Html. DropDownList绑定数据库中的字段

来源:互联网 发布:three.js视频教程 编辑:程序博客网 时间:2024/06/05 08:50

MVC2.0:Html. DropDownList---

DropDownList心得体会:

目的:要从数据库中查询两个字段绑定到DropDownList,当我们点击按钮时弹出隐藏的字段值,并把字段值赋给文本框

                   字段一:PersonID-----隐藏的字段

                   字段二:FirstName----需要显示出来的字段

说明:代码已经给出,数据库需要自己整一个表:要使用ADO.Net Entity framework

前台界面.aspx代码:

<%=Html.TextBox("hello")%>

    <%=Html.DropDownList("drop") %>

<input  type="button" id="get1" onclick="Person/GetPer" />

 

 

Js代码:

<script type="text/ecmascript">   

//点击按钮触发的事件

    $(function() {

        $("#get1").click(function () {

            vardata = $("#drop").val();//得到DropDownList隐藏的值

 

            $("#hello").val(data);//把得到的值赋给文本框

            alert(data);//弹出文本框展示隐藏的值

            returntrue;

        })

    })   

    </script>

.cs代码:

///

///从表中查询所要得到所有数据集合

public static List<object>GetList()

        {

            using(DataContext dataContext = new DataContext())

            {

          varpersonList = dataContext.People.Select(p => new{ PersonID = p.PersonID, FirstName = p.FirstName }).ToList();

                List<object> result = newList<object>();

                foreach(var p inpersonList)

                {

                    result.Add(new

                    {

                        personID = p.PersonID,

                        FirstName = p.FirstName

                    });

                }

                returnresult;

            }

        }

//调用此方法GetList():

//---------------------------------------------------

public ActionResultGetPer()

        {

            List<object> per = GetList();//调用底层方法

//绑定字段到DropDownList-

            ViewData["drop"]= new SelectList(per,"personID", "FirstName");

            returnView();

        }