从 js 加载 DOM 后立即重新加载页面
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>
当我点击提交按钮时，屏幕上显示的名称不到第二秒。如何将其保留在屏幕上？
MMMHUHU1回答
-
幕布斯6054654
问题是因为您在单击按钮时提交了表单（因为它的类型为：“提交”）。您可以添加return false以onclick禁用默认行为：<button type="submit" onclick="dateselecter(); return false;">submit</button>您还可以禁用表单提交：<form onsubmit="return false;" >最后，您可以将按钮类型从 更改submit为button。
随时随地看视频慕课网APP
相关分类
JavaScript