獲取不到input內自己輸入的值

<form method="get" action="calc.php" id="myForm">

num1:
<input id="num1" type=text name="num1" value="" />
<br/> num2:
<input id="num2" type=text name="num2" value="" />
<br/> oper:
<select name="oper" value="">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
</select>
<br/>
<input type="submit" value="提交" />
<script>
    var subBtn = document.getElementById("myForm");
    var num1Val = document.getElementById("num1").value;
    var num2Val = document.getElementById("num2").value;
    subBtn.onsubmit = function () {
        alert(num1Val);
        return false;
    };
</script>
 

</form>

你頁面載入好，num1Val的值就已經獲得了，此時value值位空，你提交的時候肯定還是空。解決辦法：
點選提交的時候在去獲取值：

        var subBtn = document.getElementById("myForm");
     
        subBtn.onsubmit = function () {
                var num1Val = document.getElementById("num1").value;
                var num2Val = document.getElementById("num2").value;
            alert(num1Val);
            return false;
        };