javascript - 使用表单元素时，您将如何访问输入到元素中的内容以显示消息？

Question

我有一个表格 <form>
<input id="input" type="number">
<input type="submit">
</form> 我希望能够在数字中输入一个数字，然后单击提交按钮，javascript 会根据提交的数字显示一个数字。

(我猜这个问题很基础，但我对 javascript 很了解。)

Answer 1

这是一个非常简单(无 jquery)的示例，说明您可能需要什么:

    <script type="text/javascript">
        function ShowANumber() {
            var currentNumber = document.getElementById("input").value;
            var newNumber = currentNumber * 10 // Do something with input
            document.getElementById("result").innerHTML = newNumber;    
            return false;  // Stop form submit
        }
    </script>
    <form onsubmit="return ShowANumber();">
        <input id="input" type="text"/>
        <input type="submit"/> 
    </form>
    <div>Result: <span id="result"></span></div>