asp.net中js+jquery添加下拉框值和后台获取示例
2014-05-15 00:00
741 查看
<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(); }
相关文章推荐
- asp.net中js+jquery添加下拉框值和后台获取
- asp.net中js+jquery添加下拉框值和后台获取示例
- asp.net利用json填充下拉框及js动态添加表格行、删除表格行的示例
- JQuery以POST方法从ASP.NET服务器获取Json数据完整示例
- asp.net 服务器控件LinkButton等在后台代码中设置js事件或添加css样式
- asp.net 在后台向前台head中添加 js、css引用的操作
- Asp.Net 用后台代码给Server控件添加Client端JS方法
- JQuery以POST方法从ASP.NET服务器获取Json数据完整示例
- asp.net后台代码动态引用添加JS和css文件
- 【ASP.NET】js动态生成的控件,在后台获取不到怎么办?
- asp.net后台获取js表格的数据 .
- 【转】Jquery -Ajax 入门练习 Jquery.Ajax 调用后台函数,获取DataTable Json,Asp.net
- Asp.net 后台添加CSS、JS、Meta标签
- Asp.net 后台添加CSS、JS、Meta标签
- Asp.net 后台添加CSS、JS、Meta标签
- php、asp.net关于后台设置的cookie前台JS获取时出现中文乱码问题解决
- asp.net给checkBox添加一个绑定属性,后台可以获取
- asp.net后台获取js表格的数据
- ASP.NET中为TextBox中添加calendar.js示例代码