解决js获取到文本框默认值,但获取不到用户输入的值的问题
由于页面加载好,文本框的值就已经被获取了,如果设置了value中的默认值,那么用户可以在提交的时候提交默认值,对于用户新输入的内容无视。但如果你没有设置默认值,那么你提交的时候肯定是空。解决办法:
点击事件的里面在去获取元素对象和值:
代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p><label for=""> 学号:</label><input type="text" placeholder="请输入" id="account"></p> <p><label for=""> 姓名:</label><input type="text" placeholder="请输入" id="username"></p> <button id="btn">提交</button> <script> var btn = document.getElementById("btn"); btn.onclick = function () { var account = document.getElementById("account").value; var username = document.getElementById("username").value; console.log(account, username) } </script> </body> </html>