Question

    <body>
        search:<input type="text" name="name" id="uniqueID" value="value" />
        <button onclick="myFunction()">submit</button>
        <p id="surprise"></p>
    <script>
        function myFunction() {
             x = document.getElementById("uniqueID").value;
            console.log(x);
        }
    </script>
</body>

如果我将输入字段和按钮放在<form>内，该值会显示为秒，然后消失，为什么会这样？（＆＃34;闪烁＆＃34）

Answer 1

默认情况下，表单中的 <button> 充当 <input type="submit"> 因此，无论何时单击按钮，都会发布数据并重新加载页面。重新加载使值消失。

试试这个：

<强> HTML

<form method="POST/GET" action="#" onsubmit="return myFunction()">
.
.
</form>

<强> JAVASCRIPT

function myFunction(){
    x = document.getElementById("uniqueID").value;
    console.log(x);
    return false;
}

通过javascript闪烁从表单中获取价值

1 个答案: