2016-10-06 47 views
0
<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>裏面,那麼這個值會出現第二個並消失,爲什麼? (「閃爍」)從javascript窗體中獲取值閃爍

+0

這是一個形式裏面? –

+0

請詳細說明您正在獲取什麼錯誤以及您想要實現的目標? –

回答

0

默認情況下的形式充當<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; 
}