JavaScript生成的div不斷消失

我只是在這個新的。我有通過JavaScript函數生成div的代碼。 div創建成功，但在幾秒鐘內消失。JavaScript生成的div不斷消失

HTML：

<head> 
    <link rel="stylesheet" type="text/css" href="../style.css"> 
    <script type="text/javascript" src="../jQuery.js"></script> 
    <script type="text/javascript" src="music.js"></script> 
</head> 

<body> 
    <div id="formDiv"> 
     <form name="noteSelectorForm" accept-charset=utf-8> 
      <Select name="noteSelector"> 
       <option value="A">A</option> 
       <option value="B">B</option> 
       <option value="C">C</option> 
       <option value="D">D</option> 
       <option value="E">E</option> 
       <option value="F">F</option> 
       <option value="G">G</option> 
      </select><br> 
      <input type="radio" name="Note" value="Nil" checked>Nil<br> 
      <input type="radio" name="Note" value="Sharp">Sharp<br> 
      <input type="radio" name="Note" value="Flat">Flat<br> 
      <button onClick="keySelectTwo()">Submit</button> 
     </form> 
     <div id="printSelectedNote"> 
     </div> 

    </div> 
</body>

的Javascript：

var keySelectTwo = function(){ 

     var x = document.noteSelectorForm.noteSelector.value; 
     var travelerInfo = '<div>'+x+'</div>'; 
     var first = 0; 
     if(document.getElementById("printSelectedNote").child){ 
      alert("test"); 
     } 
     else{ 
      document.getElementById("printSelectedNote").innerHTML += travelerInfo; 
     } 

};

有什麼建議？謝謝。

來源

2015-02-23 Jas

您正在提交表單，結果是新加載編輯頁面。 – Teemu 2015-02-23 05:04:21

請添加小提琴 – 2015-02-23 05:25:12

您的按鈕的HTML改成這樣：

<button type="button" onClick="keySelectTwo()">Submit</button>

這將阻止其提交表單並刷新頁面。

來源

2015-02-23 05:09:02 winhowes

因爲您使用的是表單標籤，所以點擊按鈕後，表單標籤會加載一個新頁面。你可以做的是在表單標籤中添加動作。

<form name="noteSelectorForm" action="" accept-charset=utf-8>

來源

2015-02-23 05:19:58 GouravR

就可以避免通過編寫形式外的按鈕這樣

<div id="formDiv"> 
    <form name="noteSelectorForm" accept-charset=utf-8> 
     <Select name="noteSelector"> 
      <option value="A">A</option> 
      <option value="B">B</option> 
      <option value="C">C</option> 
      <option value="D">D</option> 
      <option value="E">E</option> 
      <option value="F">F</option> 
      <option value="G">G</option> 
     </select> 
     <br> 
     <input type="radio" name="Note" value="Nil" checked> 
     Nil 
     <br> 
     <input type="radio" name="Note" value="Sharp"> 
     Sharp 
     <br> 
     <input type="radio" name="Note" value="Flat"> 
     Flat 
     <br> 
     </form> 
     <button onClick="keySelectTwo()"> 
      Submit 
     </button> 
     <div id="printSelectedNote"></div> 

    </div>

或改變其類型按鈕

<button type="button" onClick="keySelectTwo()">Submit</button>

來源

2015-02-23 05:22:20

使用此刷新頁面：

<input type="button" onClick="keySelectTwo()" value="Submit">

來源

2015-02-23 05:34:53 SOURAV

JavaScript生成的div不斷消失

回答

相關問題