猿问

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

当我点击提交按钮时,屏幕上显示的名称不到第二秒。如何将其保留在屏幕上?



MMMHUHU
浏览 109回答 1
1回答

幕布斯6054654

问题是因为您在单击按钮时提交了表单(因为它的类型为:“提交”)。您可以添加return false以onclick禁用默认行为:<button&nbsp;type="submit"&nbsp;onclick="dateselecter();&nbsp;return&nbsp;false;">submit</button>您还可以禁用表单提交:<form&nbsp;onsubmit="return&nbsp;false;"&nbsp;>最后,您可以将按钮类型从 更改submit为button。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答