关于在页面中嵌套了用户控件后,在客户端用js调用服务器控件无法取得其值的问题
在一个aspx页面中嵌套了一个用户控件, 且在该页面中服务器控件,代码如下:
1
<%@ Page Language="C#" AutoEventWireup="true" Theme="default" CodeFile="OrderShow.aspx.cs" Inherits="OrderShow" %>
2![](/Images/OutliningIndicators/None.gif)
3
<%@ Register Src="BytUserControl/ShowOrder.ascx" TagName="ShowOrder" TagPrefix="uc12" %>
4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5![](/Images/OutliningIndicators/None.gif)
6
<html xmlns="http://www.w3.org/1999/xhtml" >
7
<head runat="server">
8
<title>产品中心</title>
9
</head>
10
<body>
11
<form id="form1" runat="server"><%--style="display:block"--%>
12
<uc12:ShowOrder ID="ShowOrder1" runat="server" />
13
<Div ID="dail" style="visibility:hidden">
14
<h3 style="width:496px;">添加订单</h3>
15
<table border="1" style="width: 496px">
16
<tr>
17
<td style="width: 100px; height: 15px">
18
下单名:</td>
19
<td align="left" style="width: 150px; height: 15px">
20
<asp:TextBox ID="txtOrderName" runat="server"></asp:TextBox></td>
21
<td align="left" style="width: 113px; height: 15px">
22
成色:</td>
23
<td align="left" style="width: 202px; height: 15px">
24
<asp:DropDownList ID="ddChekColer" runat="server" Width="128px" DataTextField="MaterialName" DataValueField="MaterialID">
25
</asp:DropDownList></td>
26
</tr>
27
<tr>
28
<td style="width: 100px; height: 24px;">
29
字印:</td>
30
<td align="left" style="width: 150px; height: 24px;">
31
<asp:TextBox ID="txtWordIndia" runat="server"></asp:TextBox></td>
32
<td align="left" style="width: 113px; height: 24px;">
33
要求出单日期:</td>
34
<td align="left" style="width: 202px; height: 24px;">
35
<cc1:CustomDatePicker id="txtOutOrderDate" CssClass="inputa" runat="server" Width="120px"></cc1:CustomDatePicker>
36
</td>
37
</tr>
38
<tr>
39
<td style="width: 100px; height: 22px">
40
备注:</td>
41
<td align="left" style="height: 22px" colspan="3">
42
<asp:TextBox ID="txgRemarks" runat="server" Width="392px"></asp:TextBox></td>
43
</tr>
44
<tr><td colspan="2" style="height: 14px">
45
</td>
46
<td colspan="1" style="height: 14px; width: 113px;">
47
<input id="Button3" style="width: 120px" type="button" value="添加" onclick="AddOrder()" /></td>
48
<td colspan="1" style="height: 14px; width: 202px;">
49
<input id="Button4" style="width: 112px" type="button" value="取消" onclick="HddenDiv()"/></td>
50
</tr></table>
51
</Div>
52
</form>
53
</body>
54
</html>
55![](/Images/OutliningIndicators/None.gif)
在47行中的 AddOrder() 方法alert()出来的值居然为空,代码如下:![](/Images/OutliningIndicators/None.gif)
2
![](/Images/OutliningIndicators/None.gif)
3
![](/Images/OutliningIndicators/None.gif)
4
![](/Images/OutliningIndicators/None.gif)
5
![](/Images/OutliningIndicators/None.gif)
6
![](/Images/OutliningIndicators/None.gif)
7
![](/Images/OutliningIndicators/None.gif)
8
![](/Images/OutliningIndicators/None.gif)
9
![](/Images/OutliningIndicators/None.gif)
10
![](/Images/OutliningIndicators/None.gif)
11
![](/Images/OutliningIndicators/None.gif)
12
![](/Images/OutliningIndicators/None.gif)
13
![](/Images/OutliningIndicators/None.gif)
14
![](/Images/OutliningIndicators/None.gif)
15
![](/Images/OutliningIndicators/None.gif)
16
![](/Images/OutliningIndicators/None.gif)
17
![](/Images/OutliningIndicators/None.gif)
18
![](/Images/OutliningIndicators/None.gif)
19
![](/Images/OutliningIndicators/None.gif)
20
![](/Images/OutliningIndicators/None.gif)
21
![](/Images/OutliningIndicators/None.gif)
22
![](/Images/OutliningIndicators/None.gif)
23
![](/Images/OutliningIndicators/None.gif)
24
![](/Images/OutliningIndicators/None.gif)
25
![](/Images/OutliningIndicators/None.gif)
26
![](/Images/OutliningIndicators/None.gif)
27
![](/Images/OutliningIndicators/None.gif)
28
![](/Images/OutliningIndicators/None.gif)
29
![](/Images/OutliningIndicators/None.gif)
30
![](/Images/OutliningIndicators/None.gif)
31
![](/Images/OutliningIndicators/None.gif)
32
![](/Images/OutliningIndicators/None.gif)
33
![](/Images/OutliningIndicators/None.gif)
34
![](/Images/OutliningIndicators/None.gif)
35
![](/Images/OutliningIndicators/None.gif)
36
![](/Images/OutliningIndicators/None.gif)
37
![](/Images/OutliningIndicators/None.gif)
38
![](/Images/OutliningIndicators/None.gif)
39
![](/Images/OutliningIndicators/None.gif)
40
![](/Images/OutliningIndicators/None.gif)
41
![](/Images/OutliningIndicators/None.gif)
42
![](/Images/OutliningIndicators/None.gif)
43
![](/Images/OutliningIndicators/None.gif)
44
![](/Images/OutliningIndicators/None.gif)
45
![](/Images/OutliningIndicators/None.gif)
46
![](/Images/OutliningIndicators/None.gif)
47
![](/Images/OutliningIndicators/None.gif)
48
![](/Images/OutliningIndicators/None.gif)
49
![](/Images/OutliningIndicators/None.gif)
50
![](/Images/OutliningIndicators/None.gif)
51
![](/Images/OutliningIndicators/None.gif)
52
![](/Images/OutliningIndicators/None.gif)
53
![](/Images/OutliningIndicators/None.gif)
54
![](/Images/OutliningIndicators/None.gif)
55
![](/Images/OutliningIndicators/None.gif)
1
<script language="javascript">
2
function AddOrder()
3
{
4
5
var Remarks =document.getElementById("txgRemarks").value;
6
var WordIndia=document.getElementById("txtWordIndia").value;
7
var OrderName=document.getElementById("txtOrderName").value;
8
9
alert(Remarks+WordIndia+OrderName);
10![](/Images/OutliningIndicators/InBlock.gif)
11
12
}
13
</script>
在调试中无意发现只取控件ID问题就解决了,代码如下:![](/Images/OutliningIndicators/None.gif)
2
![](/Images/OutliningIndicators/None.gif)
3
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
4
![](/Images/OutliningIndicators/InBlock.gif)
5
![](/Images/OutliningIndicators/InBlock.gif)
6
![](/Images/OutliningIndicators/InBlock.gif)
7
![](/Images/OutliningIndicators/InBlock.gif)
8
![](/Images/OutliningIndicators/InBlock.gif)
9
![](/Images/OutliningIndicators/InBlock.gif)
10
![](/Images/OutliningIndicators/InBlock.gif)
11
![](/Images/OutliningIndicators/InBlock.gif)
12
![](/Images/OutliningIndicators/ExpandedBlockEnd.gif)
13
![](/Images/OutliningIndicators/None.gif)
1
function AddOrder()
2
{
3
4
var Remarks =txgRemarks.value;
5
6
var WordIndia=txtWordIndia.value;
7
8
var OrderName=txtOrderName.value;
9
10
alert(Remarks+WordIndia+OrderName);
11![](/Images/OutliningIndicators/InBlock.gif)
12
13
}
原因不明!
![](/Images/OutliningIndicators/None.gif)
2
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
3
![](/Images/OutliningIndicators/InBlock.gif)
4
![](/Images/OutliningIndicators/InBlock.gif)
5
![](/Images/OutliningIndicators/InBlock.gif)
6
![](/Images/OutliningIndicators/InBlock.gif)
7
![](/Images/OutliningIndicators/InBlock.gif)
8
![](/Images/OutliningIndicators/InBlock.gif)
9
![](/Images/OutliningIndicators/InBlock.gif)
10
![](/Images/OutliningIndicators/InBlock.gif)
11
![](/Images/OutliningIndicators/InBlock.gif)
12
![](/Images/OutliningIndicators/InBlock.gif)
13
![](/Images/OutliningIndicators/ExpandedBlockEnd.gif)