当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > js获取.aspx页面里面的服务器控件和.ascx中的服务器控件值

ASP.NET
asp.net Linq To Xml上手Descendants、Elements遍历节点
asp.net 过滤图片标签的正则
ASP.NET Session会导致的性能问题
asp.net 客户端浏览器缓存的Http头介绍
ASP.NET 常用 文件上传方法
异步 HttpContext.Current实现取值的方法(解决异步Application,Session,Cache...等失效的问题)
asp.net Datalist控件实现分页功能
c#中带头(声明)的xml(封装)生成
asp.net BOF或EOF有一个是真,或者当前记录已被删除
asp.net 多数据库支持的思考
一个简单的自定义程序日志小样例
asp.net DataSet进行排序
常用JavaScript代码提示公共类封装
ASP.NET 服务器路径和一般资源调用
使用母版页时内容页如何使用css和javascript
asp.net datalist 用法
asp.net js模拟Button点击事件
ASP.NET Web Page应用深入探讨
动态向页面添加控件和使用正则表达式的代码
Asp.net 连接MySQL的实现代码[]

ASP.NET 中的 js获取.aspx页面里面的服务器控件和.ascx中的服务器控件值


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-11   浏览: 270 ::
收藏到网摘: n/a

用js获取.ascx控件中服务器控件值时首先要得到服务器控件的ClientID再加上.ascx页面里面的服务器空间ID并用"_"连接 A.aspx页面
复制代码 代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="A.aspx.cs" Inherits="OrderManage_A" %>
<%@ Register Src="../UserControl/CtrlCalendar.ascx" TagName="CtrlCalendar" TagPrefix="uc1" %>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script language="javascript" type="text/javascript">
function GetValue()
{
var txpro=document.getElementById('<%=txtProvider_rename.ClientID %>');
//用js获取服务器控件的值时首先要得到服务器控件的ClientID
var txdat=document.getElementById('<%=txtCheckIn.ClientID %>'+"_txtDateVal");
//用js获取.ascx控件中服务器控件值时首先要得到服务器控件的ClientID再加上.ascx页面里面的服务器空间ID并用"_"连接
txpro.value=txdat.value;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<tr>
<td align="right" bgcolor="#dee5fa">入住日期</td>
<td align="left" bgcolor="#dee5fa"><uc1:CtrlCalendar ID="txtCheckIn" runat="server" /></td>
</tr>
<tr>
<td align="right" bgcolor="#dee5fa" onclick="GetValue()"><asp:TextBox ID="txtProvider_rename" runat="server" Width="312px"></asp:TextBox></td>
</tr>
</div>
</form>
</body>
</html>

CtrlCalendar.ascx
复制代码 代码如下:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="CtrlCalendar.ascx.cs" Inherits="CtrlCalendar" %>
<table id="Table1" style="HEIGHT: 24px" cellspacing="0" cellpadding="0" width="100" border="0">
<tr>
<td style="WIDTH: 81px"><font face="宋体">
<asp:textbox id="txtDateVal" Width="84px" runat="server" BorderStyle="Groove"></asp:textbox></font></td>
<td><div id="Div_imgCanlendar"><font face="宋体"><img id="imgCanlendar" style="CURSOR: hand" alt="" src="/upload/tech/20091011/20091011144046_ec8956637a99787bd197eacd77acce5e.gif" runat="server" /></font></div></td>
</tr>
</table>