function dateselecter(){ var d=document.getElementById("selecter").value; alert(d); var dates=['monday','Tuessday', 'Wendnesday','Thursday', 'Friday', 'Saturday', 'Sunday']; // document.write("im good"); var date=parseInt(d); // alert(date); var day=(dates[date-1]); // alert(day); document.getElementById("day").innerHTML=day;<body> <form method="post"> <label>Select a number</label> <select id='selecter'> <option id="items" value="1">1</option> <option id="items" value="2">2</option> <option id="items" value="3">3</option> <option id="items" value="4">4</option> <option id="items" value="5">5</option> <option id="items" value="6">6</option> <option id="items" value="7">7</option> </select> <button type="submit" onclick=dateselecter()>submit</button></form><h3 id="day"></h3></body>当我点击提交按钮时,屏幕上显示的名称不到第二秒。如何将其保留在屏幕上?
1 回答

幕布斯6054654
TA贡献1876条经验 获得超7个赞
问题是因为您在单击按钮时提交了表单(因为它的类型为:“提交”)。
您可以添加return false
以onclick
禁用默认行为:
<button type="submit" onclick="dateselecter(); return false;">submit</button>
您还可以禁用表单提交:
<form onsubmit="return false;" >
最后,您可以将按钮类型从 更改submit
为button
。
添加回答
举报
0/150
提交
取消