2016-09-20 47 views
1

我知道這應該是一個非常簡單的問題,但我不知道爲什麼不能將值指定給文本字段?我也嘗試了getElementById,通過分配輸入一個id,但這也行不通。過去3小時我一直在努力。我在做一些完全錯誤的事情嗎?通過.value設置文本字段的值

JavaScript是

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

HTML是

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

遺漏的類型錯誤:無法讀取屬性 '你好' 的不確定是錯誤。

完整版

<!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> 
+1

你不能得到這樣的元素。先閱讀'布特選擇器:http://www.w3schools.com/js/js_htmldom_elements.asp – Nevertheless

+5

@KidBinary當然,你可以? 'document.forms.form1.elements.hello'會更好,但OP代碼應該可以工作 – Bergi

+0

html代碼中的JS代碼在哪裏?請發佈您的完整頁面 – Bergi

回答

0

喜峯你的代碼是工作的罰款

<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

+0

謝謝,我不知道訂單是導致問題的原因。 – peakersky

+0

正是這個問題 –

3

嘗試以下操作:

<!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>