更改html表單值然後提交到網頁

Question

我只是試圖通過一個html按鈕來獲取用戶名，然後在將連接字符串提交到網站之前向其添加字符串。但該字符串似乎並不

<form action="website.com" method="POST"> 
<input name="login" id="name" value="username" /> 
<script> 
    var str1 = document.getElementsById("name").value; 
    var str2 = " Goodbye"; 
    document.getElementsById("name").value = str1.concat(str2); 
</script> 
<button id="button" >press the button</button> 

Answer 1

你正在寫getElementsById，這不是一個函數改變。

嘗試它奇異的，不是複數：

document.getElementById("name") 

Answer 2

 <form action="website.com" method="POST"> 
 
    <input name="login" id="name" value="username" /> 
 
    </form> 
 
    <script> 
 
     function getName() { 
 
      var str1 = document.getElementById("name").value; 
 
      var str2 = " Goodbye"; 
 
      document.getElementById("name").value = str1.concat(str2); 
 
     } 
 
     </script> 
 
     <button id="button" onclick="getName()">press the button</button>