js获取.aspx页面里面的服务器控件和.ascx中的服务器控件值
程序员文章站
2022-06-18 09:04:42
a.aspx页面 复制代码 代码如下:<%@ page language="c#" autoeventwireup="true" codefile="a.aspx.c...
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="../images/calendar.gif" runat="server" /></font></div></td>
</tr>
</table>
复制代码 代码如下:
<%@ 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="../images/calendar.gif" runat="server" /></font></div></td>
</tr>
</table>