根据另一个javascript自动填充一个字段

时间:2014-06-20 08:52:38

标签: javascript

我对javascript不太熟悉,但尝试使用用户在电子邮件字段中输入的内容填充用户名字段。也不希望用户在从电子邮件字段自动填充后编辑用户名字段。将'禁用'还是允许JS工作吗?

<script type="text/javascript">
    var first = document.getElementById('email'),
    second = document.getElementById('username');

    first.onkeyup = function () { 
        second.value = first.value;
    };
</script>

我的表单有很多字段。其中一个人的ID和姓名是&#39;用户名&#39;另一个字段的名称和ID为&#39; email&#39;。为什么我不能让这个工作?我的JS语法错了吗?

2 个答案:

答案 0 :(得分:0)

Jasonscript指出我需要在页面底部有脚本。移动它,它的工作原理。

答案 1 :(得分:0)

在创建html元素之前调用JavaScript可能会导致您的问题。一个简单的解决方案是将JS放在页面底部。

<html>
   <head>
   </head>
   <body>

      --ALL YOUR HTML HERE--

      <script type="text/javascript">
         var first = document.getElementById('email'),
         second = document.getElementById('username');

         first.onkeyup = function () { 
            second.value = first.value;
         };
      </script>
   </body>
</html>