使用javascript向输入字段添加值

Adding to input field a value with javascript

本文关键字：添加 字段 输入 javascript 使用      更新时间：2023-09-26

我有一个Javascript代码，应该更新表单输入值，但它不起作用。这是代码：

<script>
function up2(mul)
{
var passcode = parseInt(document.getElementById("passcode").value);
var nou = mul;
var resultat = passcode+nou;
document.login.passcode.value = resultat;
}
function formSubmit()
{
document.getElementById("login").submit();
}
</script>

和html:

<body OnLoad="document.login.passcode.focus();">
    <h1>FORM</h1>
    <hr>
    <form name="login" method="post" action="login.php">
        <input type="number" name="passcode">
        <input type="submit" value="Entra">
    </form>
    <center>
    <button onclick="up2('1')">1</button>
    <button onclick="up2('2')">2</button>
    <button onclick="up2('3')">3</button><br>
    <button onclick="up2('4')">4</button>
    <button onclick="up2('5')">5</button>
    <button onclick="up2('6')">6</button><br>
    <button onclick="up2('7')">7</button>
    <button onclick="up2('8')">8</button>
    <button onclick="up2('9')">9</button><br>
    <button onclick="up2('0')">0</button>
    <br><br>
    <button onclick="formSubmit()">ENTRA</button>
</center>       
</body>

当Javascript只有document.login.passcode.value = mul;时，它会在按下数字时更改输入值（它不会将新数字添加到字段中的数字）。现在我想进行密码登录，它应该将按下的数字添加到字段中。

如果有一种方法可以用jQuery实现，那就没问题了。

您正在使用getElementById()，但在HTML元素上没有ID属性

<input type="number" name="passcode">

应该是

<input type="number" id="passcode" name="passcode">

仅供参考，您的<form>标签也有同样的错误。

相关文章：