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

ASP.NET
ASP.NET超凡的代码控制(二)
剖析ASP.NET下部构造(一)
剖析ASP.NET下部构造(二)
ASP.NET的Web controls(一)
ASP.NET的Web controls(二)
如何在页面上动态的生成 WebForm控件
再议正则表达式(这次是在asp.net 上的应用)
利用.NET框架简化发布和解决DLL Hell问题(1)
利用.NET框架简化发布和解决DLL Hell问题(2)
在ASP+中访问数据库
通过事例学习.net的WebForms技术(一)
通过事例学习.net的WebForms技术(二)
如何在aspx中得到在存储过程中的的数值(兼答jspfuns的问题)
如何得到一个汉字和字母组合的字符串的准确的长度(asp.net 版本的)
ASP+中取代ASP的RS(Remote Scripting)技术的Framework
通过事例学习.net的WebForms技术(三)
通过事例学习.net的WebForms技术(四)
通过事例学习.net的WebForms技术(五)
通过网络域名得到这台主机的IP地址
查看服务器磁盘、文件的aspx

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-11   浏览: 272 ::
收藏到网摘: 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>