javascript getelementbyid 不工作，因为 id 改变了

Question

好的，我想获取文本框的值，但是当我执行 javascript 代码 getElementByID() 时，文本框的 id 从原始值更改了我现在如何获取它？我什至尝试将 cliendIdMode="Static"设置为无效。

<script type="text/javascript" language="javascript">
    function uploadFileChange() {
        var tbox = document.getElementById('txtFileName').value;
        var fu = document.getElementById("FileUpload1").value;
        if (tbox != fu) {
            document.getElementById('txtFileName').value = document.getElementById("FileUpload1").value;
        }
        return false;
    }
</script>

原始文本框是:

<asp:TextBox ID="txtFileName" CssClass="textbox" ClientIDMode="Static" runat="server"
                        Width="300px" ReadOnly="true" />

但后来变成了:

<input name="fuFileInfo$txtFileName" type="text" readonly="readonly" id="fuFileInfo_txtFileName" class="textbox" ClientIDMode="Static" onclick="fuFileInfo_FileUpload1.click();return false;" style="width:300px;" />

Answer 1

ASP.NET 以不同于服务器端标记的方式呈现 ID。

因此使用ClientID获取呈现的 ID:

var tbox = document.getElementById('<%=txtFileName.ClientID %>').value;
var fu = document.getElementById('<%=FileUpload1.ClientID %>').value;