Найдите элемент управления веб-формами Asp.net в сценарии в файле Js (JavaScript)

Проблема, конечно, в том, что вы хотите иметь жестко закодированное имя текстового поля, а затем использовать внешний файл .js. Внешние файлы не обрабатываются и не обрабатываются выражениями на стороне сервера.

Здесь есть два подхода:

Используйте clientidMode="static" для текстового поля.

Отсюда это:

        <asp:TextBox ID = "TextBox1" runat = "server" ClientIDMode = "Static" >
        </asp:TextBox>

И теперь ваш js-код станет таким:

var obj = document.getElementById("TextBox1");

Другой подход?

Поместите ОБА элемент управления и JavaScript внутри пользовательского элемента управления.

Итак, скажите следующее:

<asp:TextBox ID = "TextBox1" runat = "server"></asp:TextBox>

<script>
    function mytest() {
        var tBox = document.getElementById('<%=TextBox1.ClientID%>')
        alert(tBox.value)
    }

</script>

Теперь наша разметка становится такой:

        <asp:Button ID = "Button1" runat = "server" Text = "Show text box value"
            OnClientClick = "mytest();return false"
            />
             <br />

        <uc1:MyScriptControl runat = "server" id = "MyScriptControl" />

И результат такой:

Конечно, вы также можете разместить несколько небольших заглушек кода js на текущей странице, которая вызывает/использует/использует внешнюю библиотеку кода .js, но, таким образом, вам придется «передавать» значение управления с меньшими заглушками кода на текущей странице.

Итак, скажите следующее:

   <script>

        function mytestlocal() {
            var obj = document.getElementById("<%= TextBox1.ClientID %>");
            mytest(obj)
        }
   </script>

И таким образом во внешнем файле у нас есть это:

  function mytest(tBox) {
    alert(tBox.value)
}

Итак, «сама» идея внешнего файла .js означает, что внешний файл не может иметь жестких элементов управления кодом, а также не может использовать или иметь выражения <%=%> (на стороне сервера).