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

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>

If I put the input field and button inside a <form> the value appear for second and disappear why is that? 如果我将输入字段和按钮放在<form>该值显示为秒，然后消失，为什么呢？ ("flashes") （“闪烁”）

Answer 1

By default <button> in a form acts as <input type="submit"> so whenever you click on the button, the data is posted and the page is reloaded. 默认情况下，表单中的<button>充当<input type="submit">因此，每当您单击按钮时，都会发布数据并重新加载页面。 The reloading makes the value disappear. 重新加载使值消失。

Try this : 尝试这个：

HTML 的HTML

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

JAVASCRIPT JAVASCRIPT

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

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

问题描述

1 个解决方案

解决方案1
0 2016-10-09 11:58:51

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

问题描述

1 个解决方案

解决方案1 0 2016-10-09 11:58:51

解决方案1
0 2016-10-09 11:58:51