javascript - 提交时防止页面重新加载

标签 javascript php jquery html css

<分区>

我的表单:

<form method="get"  id="myform">
   <div id="Exam" class="sel_1" style="display:none; margin-left: 15%; margin-top: -60px;">
      <select  name='field' class='field' id="field">
         <option value="">Select Field</option>
         <option value='All'>All</option>  
         <option value='engineering'>Engineering</option>  
         <option value='law'>LAW</option>  
         <option value='medical'>Medical</option>  
         <option value='management'>Management</option>  
         <option value='pharmacy'>Pharmacy</option>
         <option value='hotel management'>Hotel Management</option>
         <option value='mass communication'>Mass Communication</option>
         <option value='agriculture'>Agriculture</option>
         <option value='architecture'>Architecture</option>
         <option value='education'>Education</option>
         <option value='paramedical'>Paramedical</option>
         <option value='design'>Design</option>
         <option value='commerce'>Commerce</option>
         <option value='film/tV/media'>Film /TV/ Media</option>
         <option value='General'>General</option>
      </select>

     <select name="exams" id="exams" style="width: 17%;">
         <option value="">Select Exam</option>
     </select>
     <button type="submit"  name="submit" id="submit" >
         <i class="fa fa-search" style="color:red"></i>
     </button>
  </div>
</form>

在这种情况下,当我再次单击按钮页面时重新加载。我已经用过了

<form method="get" id="myform" onsubmit="return false">

但是使用此功能按钮不起作用是否有任何其他方法可以解决此问题请帮助我。

谢谢

最佳答案

试试这个。

$('#myform').submit( function(e) {
  e.preventDefault();
  return false;
  //Use ajax for submit
});


请记住将此代码放在准备好的函数中。

关于javascript - 提交时防止页面重新加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42113048/

上一篇:html - td 标签下的空格

下一篇:javascript - 创建用于显示视频的模态窗口

相关文章:

javascript - 除非受到其他操作的强制,否则组过渡不会绘制到 Canvas 上

javascript - javascript时间重叠问题

php - Slack PHP API - 避免超时错误

yii2 中的 JavaScript 没有响应

jquery - 如何在 Materialise 中创建具有固定 header 的集合

jquery - 将 jQuery 效果应用于纯 2 级 CSS 菜单

javascript - 从指令的模板访问命名 Controller 的方法

javascript - Javascript可以编译Django的模板吗?

php - 如何在没有 access_token 的情况下显示来 self 网站的 facebook 提要消息?

javascript - 获取当前事件的 href 并使用它 append 一个链接