獲取不到input內自己輸入的值
阿新 • • 發佈:2018-11-30
獲取不到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; };