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" Css 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" Css 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="获取" /
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();
}
相关文章
- 使用Filter跟踪Asp.net MVC页面加载时间
- 运用Mono.Ceci类库修改.NET程序集 走上破解软件的道路
- Asp.NET调用百度翻译
- ASP.NET#使用母版时,如果要使用js中的getElementById()方法取得某个内容页的元素时要注意的问题
- asp.net core WebAPI学习以及 发布(***入门学习)
- VsCode 手动配置omnisharp、.NET Core Debugger、razor
- Nevron Open Vision for .NET 2022
- .NET Core(C#)使用NPOI给Excel添加设置批注(注解comment)
- ASP.NET Core使用Vue.js的项目配置及组合输出方法
- .NET(C#) CefSharp 执行JS(JavaScript)代码及资源清理方法
- .NET(C#) 操作windows剪粘板(粘贴板)读取设置文本和文件数据
- URLConnection(java.net.URLConnection)请求不信任或配置错误的https站点
- ASP.NET MVC下的四种验证编程方式
- ASP.NET MVC 4 Optimization的JS/CSS文件动态合并及压缩
- VC2005从开发MFC ActiveX ocx控件到发布到.net网站的全部过程