您现在的位置: 365建站网 > 365文章 > Jquery操作select(DropDownList)取值赋值和.net控件dropdownlist动态绑定数据

Jquery操作select(DropDownList)取值赋值和.net控件dropdownlist动态绑定数据

文章来源:365jz.com     点击数:386    更新时间:2017-12-01 09:04   参与评论
1. 获取选中项:
 
获取选中项的Value值: 
$('select#sel option:selected').val(); 
或者 
$('select#sel').find('option:selected').val(); 
获取选中项的Text值: 
$('select#seloption:selected').text(); 
或者 
$('select#sel').find('option:selected').text(); 

2. 获取当前选中项的索引值:
 
$('select#sel').get(0).selectedIndex; 

3. 获取当前option的最大索引值:
 
$('select#sel option:last').attr("index") 

4. 获取DropdownList的长度:
 
$('select#sel')[0].options.length; 
或者 
$('select#sel').get(0).options.length; 

5. 设置第一个option为选中值:
 
$('select#sel option:first').attr('selected','true') 
或者 
$('select#sel')[0].selectedIndex = 0; 

6. 设置最后一个option为选中值:
 
$('select#sel option:last).attr('selected','true') 

7. 根据索引值设置任意一个option为选中值:
 
$('select#sel')[0].selectedIndex =索引值;索引值=0,1,2.... 

8. 设置Value=4 的option为选中值:
 
$('select#sel').attr('value','4'); 
或者 
$("select#sel option[value='4']").attr('selected', 'true'); 

9. 删除Value=3的option:
 
$("select#sel option[value='3']").remove(); 

10.删除第几个option:
 
$(" select#sel option ").eq(索引值).remove();索引值=0,1,2.... 
如删除第3个Radio: 
$(" select#sel option ").eq(2).remove(); 

11.删除第一个option:
 
$(" select#sel option ").eq(0).remove(); 
或者 
$("select#sel option:first").remove(); 

12. 删除最后一个option:
 
$("select#sel option:last").remove(); 

13. 删除dropdownlist:
 
$("select#sel").remove(); 

14.在select后面添加一个option:
 
$("select#sel").append("f"); 

15. 在select前面添加一个option:
 
$("select#sel").prepend("0"); 

16. 遍历option:
 
$(' select#sel option ').each(function (index, domEle) { 
//写入代码 
}); 
.net控件dropdownlist动态绑定数据

动态绑定方法一:动态绑定数据库中的字段。

SqlConnection conn = UtilitySqlClass.OperateDataBase.ReturnConn();
string strSQL = "select * from CompanyType";
SqlDataAdapter ada = new SqlDataAdapter(strSQL, conn);
DataSet ds = new DataSet();
ada.Fill(ds, "CompanyType");
DropDownList1.DataSource = ds.Tables["CompanyType"].DefaultView;
DropDownList1.DataValueField = ds.Tables["CompanyType"].Columns[1].ColumnName;
DropDownList1.DataTextField = ds.Tables["CompanyType"].Columns[1].ColumnName;
DropDownList1.DataBind();
ds.Dispose();



动态绑定方法二:利用DropDownList.Items.Add方法。

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
SqlConnection conn = UtilitySqlClass.OperateDataBase.ReturnConn();
try
{
conn.Open();
this.DropDownList1.Items.Add("");
string strSQL = "select CompanyType from CompanyType";
SqlCommand com = new SqlCommand(strSQL, conn);
SqlDataReader dr = com.ExecuteReader();
while (dr.Read())
{
this.DropDownList1.Items.Add(dr["CompanyType"].ToString());
}
}
catch (Exception ex)
{
Response.Write("<scirpt>alert('" + ex.Message.ToString() + "')</script>");
}
finally
{
conn.Close();
}
}
}

第一种方法:

        string ConnString = ConfigurationSettings.AppSettings["ConnectionString"];
         //创建一个SqlConnection
         SqlConnection Conn = new SqlConnection( ConnString );       
         string SQL_Select = "select id, ItemName from DDLItem order by id desc";
         //构造一个SqlDataAdapter
         SqlDataAdapter myAdapter = new SqlDataAdapter( SQL_Select, Conn);
         //开始读取数据
         Conn.Open();
         DataSet dataSet = new DataSet();
         myAdapter.Fill( dataSet,"Table1" );
         Conn.Close();
         //开始绑定DropDownList
         //指定DropDownList使用的数据源
         DropDownList1.DataSource = dataSet.Tables["Table1"].DefaultView;
         //指定DropDownList使用的表里的那些字段
         DropDownList1.DataTextField = "ItemName"; //dropdownlist的Text的字段
         DropDownList1.DataValueField = "id";//dropdownlist的Value的字段
         DropDownList1.DataBind();


第二种方法:

        con.Open();
        SqlCommand cmd = new SqlCommand(strSql,con);
        SqlDataReader dr = cmd.ExecuteReader();
        while (dr.Read())
        {     
            DropDownList1.Items.Add(new ListItem(dr["status"].ToString(), dr["status_Id"].ToString()));
        }

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (386人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号