asp.net中js+jquery添加下拉框值和后台获取示例
发布时间:2020-12-15 20:32:00 所属栏目:asp.Net 来源:网络整理
导读:复制代码 代码如下: 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 () { va
复制代码 代码如下: <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-mvc-2 – 隐藏字段作为ASP.NET MVC2应用程序中的(重
- 任何人都有基准/速度测试比较经典ASP与ASP.NET 2.0或3.5?
- ASP.NET MVC 3自定义身份验证/授权
- asp.net-mvc-3 – ASP.NET MVC中全局错误/异常处理的最佳实
- asp.net – 使用“使用本地IIS Web服务器”时出现Microsoft
- asp.net – 动态编译的文件在.NET中使用csc.exe吗?
- asp.net-mvc – 在数组中使用jqAutocomplete
- asp.net-mvc-3 – DropDownListFor – 不选择“Selected”值
- .NET Core+MySql+Nginx 容器化部署
- ASP.NET MVC中静态或非静态方法之间的区别
推荐文章
站长推荐
- asp.net – 如何使用MVC属性验证列表是否具有大于
- dependency-injection – 如何使用ASP.NET MVC 3
- asp.net – 错误BC30456:'[方法]’不是’AS
- 为什么我的iSeries / ASP.NET MVC 4应用程序中没
- asp.net – 创建没有ASMX文件的Web服务?
- asp.net-mvc – 绑定排除Asp.net MVC不适用于LIN
- asp.net-web-api – 为WCF REST和ASP.NET Web AP
- 使用Visio Viewer载入数据库中的Visio图
- asp.net – Http Handler正在iis express中工作,
- asp.net-mvc-3 – 如何在ASP MVC3中创建可重用的
热点阅读