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不断消失

回答

相关问题