为了账号安全,请及时绑定邮箱和手机立即绑定

从 js 加载 DOM 后立即重新加载页面

从 js 加载 DOM 后立即重新加载页面

MMMHUHU 2023-07-06 09:55:18
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 falseonclick禁用默认行为:

<button type="submit" onclick="dateselecter(); return false;">submit</button>

您还可以禁用表单提交:

<form onsubmit="return false;" >

最后,您可以将按钮类型从 更改submitbutton


查看完整回答
反对 回复 2023-07-06
  • 1 回答
  • 0 关注
  • 83 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信