Question

我知道这应该是一个非常简单的问题，但我不知道为什么不能将值分配给文本字段？我也通过为输入分配一个id来尝试getElementById，但这也不起作用。在过去的3小时里，我一直在努力解决这个问题。我做错了什么？

Javascript是

  document.form1.hello.value= "123";

HTML

    <form name="form1" class="" action="index.html" method="post">
     <input type="text" name="hello" value="">
    </form>

未捕获的TypeError：无法读取属性'hello'的undefined是错误。

完整版

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript">
        document.form1.hello.value= "123";
    </script>
  </head>
  <body>
    <form name="form1" class="" action="index.html" method="post">
      <input type="text" name="hello" value="">
    </form>
  </body>
</html>

Answer 1

尝试以下方法：

<!DOCTYPE html>
<html>
  <head> 
    
    <script type='text/javascript'>
    
      function onLoadFunction(){
      
        document.getElementById('text_input').value = '123';
      
      }
      
    </script>
      
  </head>
  <body onload="onLoadFunction()">
    
     <input type='text' id='text_input' value='' />
    
   </body>
</html>

Answer 2

嗨，您的代码正常工作

<form name="form1" class="" action="index.html" method="post">
 <input type="text" name="hello" value="">
</form>

document.form1.hello.value= "123"

请为我检查此代码笔它是否正常工作验证一次 http://codepen.io/vkvicky-vasudev/pen/ZpBbkR

您在该文件中编写的代码身体内的脚本标签

<html>
<head>
<meta charset="utf-8">
<title></title>

</head>
<body>
<form name="form1" class="" action="index.html" method="post">
  <input type="text" name="hello" value="">
</form>
 <script type="text/javascript">
    document.form1.hello.value= "123";
 </script>
 </body>
 </html>

这是代码笔 http://codepen.io/vkvicky-vasudev/pen/YGpymP

通过.value设置文本字段的值

2 个答案: