javascript - 我写的源码有什么问题吗

Question

我编写了一段代码来将一个文本框的值打印到另一个文本框，但我无法实现这一目标，任何人都可以告诉我出了什么问题，或者可以给我等效的 JavaScript 来实现这一目标

 <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jQuery/1.2.6/jQuery.min.js"> 
        </script>

        <script type="text/javascript">
$('#TextBox1').keyup(function(){
$('#TextBox2').val(this.value);
});
        </script>

    </div>
</form>

Answer 1

我发现两个潜在的问题。一如 @Neal 和 @Nicola 所指出的，您需要将引用 DOM 元素的任何内容包装在

中

$(document).ready(funcution(){ 
  // here
});

// or, this way, both are equivalent
$(function(){

});

其次，分配给文本框的 ID 很可能不是 TextBox1 和 TextBox2。这是因为 ASP.NET 为客户端生成唯一的 ID。它们很可能看起来像这样:

ctl00_TextBox1

或者类似的东西。检查页面生成的 HTML 源代码进行确认。另外，我发现 FireFox 的 Firebug 插件或 Chrome 开发人员工具的 JavaScript 控制台对于识别我的 jQuery 选择器是否实际返回任何内容非常有用。只需在这些浏览器之一中打开控制台，然后执行:

$('#TextBox1');

如果选择器有效，您将获得一个包含 1 个元素的数组。如果没有找到任何东西，它只会返回一个空数组。