JavaScript生成的div不断消失

我只是个新手。我有通过JavaScript函数生成div的代码。div已成功创建，但在几秒钟内消失

html:

A.
B
C
D
E
F
G


无

锋利的

平坦的

提交

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;
        }

};

var keySelectTwo=function（）{
var x=document.noteSelector.form.noteSelector.value；
var travelerInfo=''+x+''；
var first=0；
if（document.getElementById（“printSelectedNote”）.child）{
警报（“测试”）；
}
否则{
document.getElementById（“printSelectedNote”）.innerHTML+=travelerInfo；
}
};

---

有什么建议吗？谢谢。

将按钮的html更改为：

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

提交

---

这将阻止它提交表单和刷新页面。

因为您正在使用表单标记，单击按钮后表单标记将加载新页面。 您可以做的是在表单标签中添加操作

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

---

您可以像这样在表单外编写按钮来避免刷新页面

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

A.
B
C
D
E
F
G


无


尖锐的


平的


提交

或者将其类型更改为button

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

提交

使用以下方法：

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

---

您正在提交表单，结果是新加载的页面。

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