如何获取无法访问的ASP.NET控件的Client ID？

你遇到的核心问题是嵌套在FormView中的控件属于FormView的命名容器，直接通过<%= 控件.ClientID %>引用会因为服务器端无法直接定位到该控件而失效，同时FormView只有在处于编辑/插入模式时，内部控件才会被实例化生成DOM元素。下面是几个可靠的解决方法：

方法1：通过FormView的FindControl获取ClientID #

因为控件在FormView内部，需要先通过FormView找到该控件，再获取其ClientID：

<script type="text/javascript">
function ddl_AutoSchedule_SelectedIndexChanged(sender, eventargs) {
    var date_DueDate = document.getElementById('<%= ((Control)formView_Control.FindControl("date_DueDate")).ClientID %>');
    var date_PlannedStart = document.getElementById('<%= ((Control)formView_Control.FindControl("date_PlannedStart")).ClientID %>');
    var date_PlannedFinish = document.getElementById('<%= ((Control)formView_Control.FindControl("date_PlannedFinish")).ClientID %>');
    
    // 若知道控件具体类型，可替换为对应类型（比如TextBox、自定义控件类名），避免强制转换为Control
    date_DueDate.textContent = new Date() + sender.value;
    date_PlannedStart.textContent = new Date();
    date_PlannedFinish.textContent = new Date() + sender.value;
}
</script>

注意：必须确保FormView处于编辑/插入模式，否则FindControl会返回null，导致页面报错。

方法2：用CSS类选择器定位（最稳妥，不依赖ClientID规则） #

给自定义控件添加统一的CSS类，再通过类选择器+自定义属性区分元素：

1. 服务器端控件标记设置：

<YourCustomControl ID="date_DueDate" CssClass="custom-date-control" data-control="due" runat="server" />
<YourCustomControl ID="date_PlannedStart" CssClass="custom-date-control" data-control="start" runat="server" />
<YourCustomControl ID="date_PlannedFinish" CssClass="custom-date-control" data-control="finish" runat="server" />

2. JavaScript中获取元素：

<script type="text/javascript">
function ddl_AutoSchedule_SelectedIndexChanged(sender, eventargs) {
    var date_DueDate = document.querySelector('.custom-date-control[data-control="due"]');
    var date_PlannedStart = document.querySelector('.custom-date-control[data-control="start"]');
    var date_PlannedFinish = document.querySelector('.custom-date-control[data-control="finish"]');
    
    date_DueDate.textContent = new Date() + sender.value;
    date_PlannedStart.textContent = new Date();
    date_PlannedFinish.textContent = new Date() + sender.value;
}
</script>

方法3：设置ClientIDMode为Static（适用于单实例控件） #

如果FormView只会生成一个该控件的实例（比如单条数据编辑场景），可以将控件的ClientIDMode设为Static，这样前端生成的ID和服务器端ID完全一致：

<YourCustomControl ID="date_DueDate" ClientIDMode="Static" runat="server" />

然后JS中直接用ID获取：

var date_DueDate = document.getElementById('date_DueDate');

注意：若FormView是绑定多条数据的列表形式，请勿使用此方法，会导致前端ID重复引发DOM冲突。

方法4：用属性选择器匹配ID（兼容旧版ASP.NET） #

如果无法修改服务器端控件设置，可以利用ASP.NET生成的ClientID包含服务器端ID的特性，用属性选择器模糊匹配：

var date_DueDate = document.querySelector('[id*="date_DueDate"]');

[id*="xxx"]表示匹配ID中包含xxx的元素，适合无法直接获取ClientID的场景，但要确保页面中没有其他ID包含该字符串的控件，避免误选。

内容的提问来源于stack exchange，提问作者SethD02