MVC2.0:Html. DropDownList---
DropDownList心得体会:
目的:要从数据库中查询两个字段绑定到DropDownList,当我们点击按钮时弹出隐藏的字段值,并把字段值赋给文本框
字段一:PersonID-----隐藏的字段
字段二:FirstName----需要显示出来的字段
说明:代码已经给出,数据库需要自己整一个表:要使用ADO.Net Entity framework
前台界面.aspx代码:
<%=Html.TextBox("hello")%>
<%=Html.DropDownList("drop") %>
<input type="button" id="get1" οnclick="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();
}