javascript - 从文本框中提取用户输入并将其存储在javascript中的变量中

Question

// text Box
        &nbsp;&nbsp;<asp:TextBox ID="TextBox3"  runat="server" BackColor="Silver" 
            BorderColor="Silver" ontextchanged="TextBox3_TextChanged" 
            style="margin-left: 6px" Width="154px"></asp:TextBox>

// Submit button
        &nbsp;<asp:Button ID="Button6" runat="server" BackColor="Silver" 
            onClientclick='store_memID()' style="margin-left: 20px" Text="Submit" 
            Width="102px" Font-Bold="True" Height="28px" />


    <script type = "text/javascript">
        // Function to caputure client-input- Member_ID.
        function store_memID() {

            var mem_ID = document.getElementById('TextBox3').value;


            return confirm('TimeLine is displayed for: ' + mem_ID);
        }

    </script>

当我运行代码并在文本框中输入一个值，然后按提交按钮时:-“Microsoft JScript 运行时错误:无法获取属性“value”的值:对象为 null 或未定义”。

否则，如果我删除“.value”:-

<script type = "text/javascript">
    // Function to caputure client-input- Member_ID.
    function store_memID() {

        var mem_ID = document.getElementById('TextBox3');


        return confirm('TimeLine is displayed for: ' + mem_ID);
    }

</script>

然后运行程序，在文本框中输入值并按提交，然后我得到:-

“时间线显示为:空”

我一直在研究解决这个问题。不确定出了什么问题...

编辑(修复):- 我的文本框的服务器端 ID 是“TextBox3”，但这不一定与客户端 ID 匹配。获取客户端 ID:- '<%=TextBox3.ClientID%>'

Answer 1

自从我编写 asp 表单以来已经有一段时间了，但客户端(在您的浏览器中)的 id 很可能不是您想象的那样。在我看来，这是/曾经是 Web 表单的主要陷阱之一(这可能在 4.0 版本中变得更简单，您必须检查一下)。您可以使用 css 类(并使用 jQuery 或类似的方法来查找您的元素)或将客户端 id 注入(inject)到 java 脚本中，例如；

<script type = "text/javascript">
    // Function to caputure client-input- Member_ID.
    function store_memID() {
        var mem_ID = document.getElementById('<%=TextBox3.ClientID%>').value;
        return confirm('TimeLine is displayed for: ' + mem_ID);
    }
</script>

更新:修复了评论中指出的 ClientID 中的大小写错误