解決js獲取到文本框默認值，但獲取不到用戶輸入的值的問題

本文轉載自查看原文 2020-09-30 19:54 499 javascript

由於頁面加載好，文本框的值就已經被獲取了，如果設置了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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js獲取文本框的值微信小程序—如何獲取用戶輸入文本框的值微信小程序—如何獲取用戶輸入文本框的值微信小程序-form表單-獲取用戶輸入文本框的值 js/jquery獲取文本框的值與改變文本框的值使用EasyUI，關於日期格式的文本框按照正常方式獲取不到值的問題網頁html文本框默認值屬性 placeholder="請輸入你的屬性" HTML input文本框設置和移除默認值 input文本框設置和移除默認值 5.js獲取文本框的value值