更改html表单值然后提交到网页

时间:2017-07-30 23:43:39

标签: javascript html forms

我只是想通过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>

2 个答案:

答案 0 :(得分:3)

您正在撰写getElementsById,这不是一个功能。

尝试单数,而不是复数:

document.getElementById("name")

答案 1 :(得分:0)

&#13;
&#13;
     <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>
&#13;
&#13;
&#13;