发布于 2016-06-15 07:14:33 | 110 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程,程序狗速度看过来!

ASP.NET

ASP.NET 是.NET FrameWork的一部分,是一项微软公司的技术,是一种使嵌入网页中的脚本可由因特网服务器执行的服务器端脚本技术,它可以在通过HTTP请求文档时再在Web服务器上动态创建它们。 指 Active Server Pages(动态服务器页面) ,运行于 IIS(Internet Information Server 服务,是Windows开发的Web服务器)之中的程序 。


这篇文章主要介绍了asp.net中js+jquery添加下拉框值和后台获取的具体实现,需要的朋友可以参考下
 
<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";//后台获取的数据格式,这里用固定值了 
var datas = data.split('|');//分割成多组 
for (var i = 0; i < datas.length; i++) { 
var d1 = datas[i].split('*');//每组分割成 显示值和真实值 
$(newid).append("<option value=\""+d1[1]+"\">" + d1[0] + "</option>"); 
//alert(d1); 
} 
// alert(id + "|||" + value); 
}); 
}) 

</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div>为了满足两列,任意多行。后台动态生成下拉框,还要前后列联级的需求。使用js+jquery,用服务器控件+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> 

//后台 

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(); 
} 


最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务