Question

以下代码不起作用。标记位于用户控件中，我想这就是ClientID为TextBox id返回错误前缀的原因。

标记：

<INPUT id="txtName" runat="server" maxlength="50" style="WIDTH:100px">
<INPUT type="button" value="Find Your Doctor" id="btnFind" runat="server"
      style="MARGIN-LEFT:10px;WIDTH:130px">

代码隐藏：

btnFind.Attributes.Add("onClick",string.Format("DoctorLink
        ('{0}',document.getElementById('{1}').value,{2});",
        row["ZipCode"],
        txtName.ClientID));

浏览器中的结果：

<input name="DoctorsMainArea1$ctl01$txtName" type="text"
   id="DoctorsMainArea1_ctl01_txtName" maxlength="50" style="WIDTH:100px" />

<input name="DoctorsMainArea1$ctl01$btnFind" type="button" 
   id="DoctorsMainArea1_ctl01_btnFind" value="Find Your Doctor" style="MARGIN-
   LEFT:10px;WIDTH:130px" onClick="PrepareDoctorLink('90210',
   document.getElementById('DoctorsMainArea1_ctl00_txtName').value);" />

如您所见，JavaScript调用的参数为DoctorsMainArea1_ctl00_txtName，但输入元素的实际ID为DoctorsMainArea1_ctl01_txtName。

知道怎么解决这个问题吗？ jQuery的？我对解释正在发生的事情并不感兴趣（可能在此页面上有另一个控件干扰），但是解决问题的方法更为强大。

Answer 1

我不知道你使用的是哪个asp.net版本但是在4.0中你可以在任何服务器控件中声明ClientIDMode =“static”，它会在浏览器中为你提供准确的id。

示例：

<asp:Textbox id="txtName" runat="server" ClientIdMode="static"/>

其他是可预测的，继承的，它可以与ClientIdRowsuffix一起使用。可以在页面级别甚至在母版页甚至web.config文件中使用。

web.config文件示例：

<system.web>
<Pages clientIDMode="predictable"/>
other system web properties
</system.web>

在tekpub观看了Craig鞋匠的视频，您还可以在Rick的博客link text上阅读更多相关信息。这很酷。

Answer 2

您应该尝试将添加onclick属性的代码移动到页面或用户控件中 PreRender 事件（或OnPreRender覆盖）中的按钮。这应该可以使ClientID正确。

Answer 3

快速解决方案：

btnFind.Attributes.Add("onClick",string.Format("DoctorLink
        ('{0}',document.getElementById('{1}').value,{2});",
        row["ZipCode"],
        "DoctorsMainArea1_ctl01_" + txtName.ClientID));

这是因为您的页面中有一个内容占位符。

Answer 4

另一个解决方案： html标签：

<input type="text" name="txtName" id="txtName" />

代码绑定：

string txtName_value = Request.Forms["txtName"];

你可以得到值

只需使用html控件。

ASP.Net：ClientID在用户控件的代码隐藏中不正确

4 个答案: