http://taskcn.blog. 163.com/
ASP.NET MVC DropDownList数据绑定及使用详解DropDownList控件用于创建下拉列表。 DropDownList控件中的每个可选项都是由ListItem元素定义的!该控件支持数据绑定
一 DropDownList
1. 1 DropDownList绑定数据
1. 1. 1 DropDownList固定绑定
这种方式适合那些已经固定的数据绑定到DropDownList上。
例
复制代码代码如下:asp:DropDownList runat="server" ID="ddlArea" Width="120px"asp:Listitem value="0"选择性别/asp:Listitemasp:Listitem value="1"男/asp:Listitemasp:Listitem value="2"女/asp:Listitem
/asp:DropDownList
1. 1.2 DropDownList动态绑定
前台
后台两种方法 注意每次绑定都要清除一下原来的记录例ddlArea. Items.Clear() ;
第一种
复制代码代码如下:
SqlConnection conn = new
SqlConnection("server=. ;uid=sa;database=pubs") ;
SqlDataAdapter dap = new SqlDataAdapter("select * from jobs", conn) ;DataTable dt = new DataTable() ;dap.Fill (dt) ;
DropDownList1. Items.Clear() ;
DropDownList1.DataSource = dt;
DropDownList1.DataTextField = "job_desc";
DropDownList1.DataValueField = "job_id";
DropDownList1.DataBind() ;
DropDownList1. Items. Insert(0, new ListItem("选择数据", "随机绑定") ) ;//插入默认项此举必须放到数据绑定之后效果
第二种
复制代码代码如下:
SqlConnection conn = new
SqlConnection("server=. ;uid=sa;database=pubs") ;
SqlDataAdapter dap = new SqlDataAdapter("select * from jobs", conn) ;DataTable dt = new DataTable() ;dap.Fill (dt) ;if (dt.Rows.Count != 0)
{http://taskcn.blog. 163.com/
http://taskcn.blog. 163.com/
DropDownList1. Items.Clear() ;for (int i = 0; i dt.Rows.Count; i++)
{
DropDownList1. Items.Add(new ListItem(dt.Rows[i] ["显示值"] .ToString() ,dt.Rows[i] ["usbkey"] .ToString() ) ) ;
}
DropDownList1. Items. Insert(0, "选择网吧") ;
DropDownList1. Items[0] .Value = "0";或
// DropDownList1. Items. Insert(0, new ListItem("选择数据", "随机绑定") ) ;//插入默认项此举必须放到数据绑定之
}else
{
DropDownList1. Items. Insert(0, "无网吧记录") ;
DropDownList1. Items[0] .Value = "0";
}
二 DropDownList1的取值问题
2. 1取DropDownList1的索引值也就是选择value值asp:Listitemvalue="1"男/asp:Listitem取1
.net中DropDownList1.SelectedValue.ToString()javascirpt varddl1=document.getElementByIdx_x("DropDownList1") . selectedIndex;
2.2取DropDownList1的选项也就是选择item值asp:Listitem value="1"男/asp:Listitem取男
.net中DropDownList1.SelectedItem.ToString() ;javascriptdocument.getElementByIdx_x("DropDownList1") .options[document.getElement("selectID") . selectedIndex] .value
三 DropDownList1事件问题
重点:使用OnTextChanged,OnSelectedIndexChanged事件时必须设置复制代码代码如下:asp:DropDownList runat="server"
OnTextChanged="DropDownList1_TextChanged"OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged1"
OnTextChanged,OnSelectedIndexChanged这两个事件具体有什么区别我也没测试出来只知道OnSelectedIndexChanged这个事件要比OnTextChanged执行的早也就是如果这两个事件都存在会首先执行OnSelectedIndexChanged这个事件然后才执行OnTextChanged.
四如何避免DropDownList下拉框中的值重复添加
AppendDataBoundItems是否填加重复值。真为添加假为不填加
原因 DropDownList控件AppendDataBoundItems属性设置为"True"了的改为False即可。http://taskcn.blog. 163.com/
http://taskcn.blog. 163.com/
例如如果专业后的DropDownList控件AppendDataBoundItems属性设置为"True"那么选择院系后专业里的值会不断添加。
五区别
复制代码代码如下:depart_ddl. Items. Insert(0,new ListItem("不选该项", "0") ) ;这是在首项添加数据。
Items.Add是在最后添加
DropDownList1. Items.Add(new ListItem("Text", "value") ) ;是在最后添加DropDownList1. Items. Insert(Index,new ListItem("Text", "value") ) ;这是在首项添加数据。
六从数据库中读取数据并绑定到DropDownList中
复制代码代码如下:if (ds.Tables[0] .Rows[0] ["State"] .ToString ()=="True")
{
DropDownListState. Items.FindByValue("1") .Selected =true;
}else
{
DropDownListState. Items.FindByValue("0") .Selected =true;
}http://taskcn.blog. 163.com/
云基成立于2020年,目前主要提供高防海内外独立服务器用户,欢迎各类追求稳定和高防优质线路的用户。业务可选:洛杉矶CN2-GIA+高防(默认500G高防)、洛杉矶CN2-GIA(默认带50Gbps防御)、香港CN2-GIA高防(双向CN2GIA专线,突发带宽支持,15G-20G DDoS防御,无视CC)、国内高防服务器(广州移动、北京多线、石家庄BGP、保定联通、扬州BGP、厦门BGP、厦门电信、...
全球独立服务器、站群多IP服务器、VPS(哪个国家都有),香港、美国、日本、韩国、新加坡、越南、泰国、加拿大、英国、德国、法国等等99元起步,湘南科技郴州市湘南科技有限公司官方网址:www.xiangnankeji.cn产品内容:全球独立服务器、站群多IP服务器、VPS(哪个国家都有),香港、美国、日本、韩国、新加坡、越南、泰国、加拿大、英国、德国、法国等等99元起步,湘南科技VPS价格表:独立服...
vollcloud怎么样?vollcloud LLC创立于2020年,是一家以互联网基础业务服务为主的 技术型企业,运营全球数据中心业务。VoLLcloud LLC针对新老用户推出全场年付产品7折促销优惠,共30个,机会难得,所有产品支持3日内无条件退款,同时提供产品免费体验。目前所有产品中,“镇店之宝”产品性价比高,适用大部分用户基础应用,卖的也是最好,同时,在这里感谢新老用户的支持和信任,我们...