asp.net中js+jquery添加下拉框值和后臺(tái)獲取示例
更新時(shí)間：2014年05月15日 16:45:09 作者：
這篇文章主要介紹了asp.net中js+jquery添加下拉框值和后臺(tái)獲取的具體實(shí)現(xiàn),需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(".cg2").change(function () {
var id = $(this).attr("id");
var value = $(this).val();
var newid = '#'+id.replace('_1_', '_2_');//把第一列id替換成第二列id
//alert(newid);
var data = "t1*v1|t2*v2|t3*v3";//后臺(tái)獲取的數(shù)據(jù)格式，這里用固定值了
var datas = data.split('|');//分割成多組
for (var i = 0; i < datas.length; i++) {
var d1 = datas[i].split('*');//每組分割成 顯示值和真實(shí)值
$(newid).append("<option value=\""+d1[1]+"\">" + d1[0] + "</option>");
//alert(d1);
}
// alert(id + "|||" + value);
});
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>為了滿足兩列，任意多行。后臺(tái)動(dòng)態(tài)生成下拉框，還要前后列聯(lián)級(jí)的需求。使用js+jquery，用服務(wù)器控件+Ajax也不行，老是選擇之后就
<asp:DropDownList ID="ddl_1_1" CssClass="cg2" runat="server">
<asp:ListItem Text="txt1" Value="val1"></asp:ListItem>
<asp:ListItem Text="txt1" Value="val1"></asp:ListItem>
<asp:ListItem Text="txt1" Value="val1"></asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="ddl_2_1" runat="server">
</asp:DropDownList><br/>
<asp:DropDownList ID="ddl_1_2" CssClass="cg2" runat="server">
<asp:ListItem Text="txt2" Value="val2"></asp:ListItem>
<asp:ListItem Text="txt2" Value="val2"></asp:ListItem>
<asp:ListItem Text="txt2" Value="val2"></asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="ddl_2_2" runat="server">
</asp:DropDownList><br/>
<asp:Button ID="ButtonGet" runat="server" Text="獲取" onclick="ButtonGet_Click" />
<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
</div>
</form>
</body>
</html>
//后臺(tái)
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
}
}
protected void ButtonGet_Click(object sender, EventArgs e)
{
///獲取通過js加選擇的 ddl_2_1 控件選中的值，顯示在Label1上。
Label1.Text = Request["ddl_2_1"].ToString();
}
您可能感興趣的文章:
- ASP.NET?MVC實(shí)現(xiàn)多選下拉框
- 詳解ASP.NET MVC 下拉框的傳值的兩種方式
- ASP .NET 可編輯輸入自動(dòng)匹配的下拉框
- 詳解ASP.NET MVC之下拉框綁定四種方式
- ASP.NET MVC下拉框聯(lián)動(dòng)實(shí)例解析
- ASP.NET中DropDownList下拉框列表控件綁定數(shù)據(jù)的4種方法
- ASP.NET實(shí)現(xiàn)級(jí)聯(lián)下拉框效果實(shí)例講解
- ASP.NET多彩下拉框開發(fā)實(shí)例
- asp.net mvc下拉框Html.DropDownList 和DropDownListFor的常用方法
- asp.net 實(shí)現(xiàn)下拉框只讀功能
- ASP.NET?MVC下拉框中顯示枚舉項(xiàng)
相關(guān)文章
asp.net下用Aspose.Words for .NET動(dòng)態(tài)生成word文檔中的數(shù)據(jù)表格的方法
導(dǎo)出word 文檔，要求這個(gè)文檔的格式不是固定的，用戶可以隨便的調(diào)整，導(dǎo)出內(nèi)容中的數(shù)據(jù)表格列是動(dòng)態(tài)的，例如要求導(dǎo)出姓名和性別，你就要導(dǎo)出這兩列的數(shù)據(jù)，而且這個(gè)文檔不是導(dǎo)出來之后再調(diào)整而是導(dǎo)出來后已經(jīng)是調(diào)整過了的。2010-04-04
這篇文章主要介紹了網(wǎng)頁WEB打印控件制作 的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
document.getElementsByName和document.getElementById 在IE與FF中不同
今天在<asp:radiobuttonlist/>中使用教本的的時(shí)候才注意到原來 document.getElementsByName 、document.getElementById 在IE與FF中有著不同實(shí)現(xiàn)。2008-12-12
asp.net利用NamingContainer屬性獲取GridView行號(hào)的方法
在最近的一個(gè)項(xiàng)目中，用到在GridView模板列中添加有DropDownList控件，并開啟其AutoPostback屬性。當(dāng)發(fā)生SelectedIndexChanged事件時(shí)，想同時(shí)獲取其所在的行號(hào)，從而獲取相應(yīng)的行信息。2013-07-07
這篇文章主要介紹了Asp.net6.0?Swagger使用備忘,文中介紹了在Docker中顯示OpenApiInfo的中文內(nèi)容，顯示xml注釋及如何顯示Header的問題，需要的朋友可以參考下2022-05-05
asp.net Javascript 的幾種寫法與提示,需要的朋友可以參考下。2009-10-10
ASP.NET下上傳圖片到數(shù)據(jù)庫，并且讀出圖片的代碼(詳細(xì)版)
上傳圖片到數(shù)據(jù)庫，從數(shù)據(jù)庫的創(chuàng)建到數(shù)據(jù)庫中圖片的現(xiàn)實(shí)都給出了具體的代碼，因?yàn)閍sp.net版本的問題，大家可能需要稍微修改下。2010-07-07
很多時(shí)候，我們新建一個(gè)xxx.aspx頁和xxx.aspx.cs文件，不過是為了實(shí)現(xiàn)一個(gè)很簡單的功能2009-04-04
C#時(shí)間間隔計(jì)算可以通過時(shí)間刻度類TimSpan類實(shí)現(xiàn)，這是一個(gè)系統(tǒng)類。2010-03-03
linq to sql中,如何解決多條件查詢問題,答案,用表達(dá)式樹!
有個(gè)小項(xiàng)目中,用到了linq to sql,既然這樣,想必需要做多條件組合查詢了,雖然我對(duì)表達(dá)式樹的研究也只是寥寥地,但除此方法,似乎別無他法,只好硬著頭皮研究一下.2011-08-08