Question

我有一个应该更新表单输入值的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做这件事就可以了。

Answer 1

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

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

应该是

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

仅供参考，您的<form>代码存在相同的错误。

使用javascript将值添加到输入字段

1 个答案: