2015-02-23 3 views
1

Я новичок в этом. У меня есть код, который генерирует div через функцию JavaScript. 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; 
     } 

}; 

Любые советы? Благодарю.

+2

Вы отправляете форму, результатом которой является новая загрузка ed page. – Teemu

+1

PLS добавить скрипку –

ответ

0

Изменить HTML вашей кнопки на это:

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

Это предотвратит его от подачи формы и обновить страницу.

0

Поскольку вы используете тег формы, после нажатия кнопки тег формы загружает новую страницу. Что вы можете сделать, это добавить действие в тег формы.

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

вы можете избежать обновления страницы, написав кнопку вне формы, как этот

<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> 
0

Используйте это:

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