为什么不能直接通过document.getElementById("<%= txtCard.ClientID %>")_为什么<%标签不能使用document.getelementbyid()-优快云博客

本文链接：https://blog.youkuaiyun.com/k_1991/article/details/42495167

本文探讨了在ASP.NET中使用自定义控件时遇到的问题，特别是如何正确获取控件ID的方法。当尝试通过常规方式获取自定义EPDblTextBox控件的ID时发现无法正常工作，最终找到了解决方案并解释了原因。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function prjClrInfo(ipt)
{            
    var prjclr = document.getElementById("<%= txtClr.ClientID %>");           
    prjclr.value = ipt.GetTextByName("clr")+"  "+ipt.GetTextByName("flwsht");          
    var card=document.getElementById("txtCard_text");
    var prj=document.all("txtPrj_text").value;
    card.sqlFilter="and prj='"+prj+"'";                      
    prjclr.readOnly = "readonly";    
}

<td style="width:10%">生产单:</td>
<td style="width:23%">
    <KYWEBCTL:EPDblTextBox ID="txtPrj" runat="server" DelwithFunction="prjClrInfo" DataType="ColPrjMessRight" Required="true"></KYWEBCTL:EPDblTextBox>
</td>
<td style="width:10%">颜色/花型:</td>
<td style="width:23%">
    <KYWEBCTL:EPTextBox ID="txtClr" runat="server" DataType="EP_TXT"></KYWEBCTL:EPTextBox>
</td>
<td style="width:10%">卡号:</td>
<td style="width:23%">
    <KYWEBCTL:EPDblTextBox ID="txtCard" runat="server" DataType="CardMess" Required="false"/>
</td>

用生产单过滤卡号的时候，不能直接通过document.getElementById("<%= txtCard.ClientID %>")获取该卡号控件的ID，后面用浏览器调试的时候，发现在浏览器将该控件

<KYWEBCTL:EPDblTextBox ID="txtCard" ……

解析为

<span><input name="txtCard$text" type="text" id="txtCard_text" title="您可以输入部分字符,以便打开选择对话框!
Input Some Character Open Dialog Box!" isAutoBack="False" isEdit="False" delwithFunction="" mouseOpen="" onblur="javascript:;if(this.isChanged){resetDBTextBox(this);OpenModalDialog(this,"/jetpoint");this.isChanged = false;};" onchange="javascript:this.isChanged = true;" isChanged="false" dataType="CardMess" isMultiSelect="False" IsPartSearch="False" textField="" sqlFilter="" xml="" style="border-color:DodgerBlue;" /><input name="txtCard$id" type="text" value="-1" readonly="readonly" id="txtCard_id" onchange="javascript:;" style="display:none;" /><input name="txtCard$xml" type="text" readonly="readonly" id="txtCard_xml" style="width:40px;display:none;" /><img id="txtCard_image" title="您可以鼠标单击打开选择对话框!
Click Mouse Left key Open Dialog Box!" onclick="resetDBTextBox(this.parentNode.childNodes[0]);OpenModalDialog(this.parentNode.childNodes[0],"/jetpoint")" src="/jetpoint/Resource/picture/button/Editable.gif" style="border-width:0px;vertical-align:text-bottom;cursor:hand;height:20px;width:21px;" /><input type="hidden" name="txtCard$searchValue" id="txtCard_searchValue" /></span>

无奈只能直接这样使用txtCard_text作为ID了。

----------------------------------

问题已解决，该控件是他们自定义的控件，重写之后就不能这样取ID了。