Question

我的表单：

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

但使用此功能按钮不起作用是否有任何其他方法来删除此问题请帮助我。

谢谢

Answer 1

试试这个。

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

请记住将此代码放在ready函数中。

Answer 2

尝试使用ajax请求提交您的内容：

$('#myform').on('submit', function(){
     e.preventDefault();

     $.get('url', { $(this).serialize() }, function(server_response){
          //success callback
     })
})

或者：

$('#myform').on('submit', function(){
     e.preventDefault();

     $.ajax({
        method: "GET",
        url: "url.php",
        data: $(this).serialize()
    })
    .done(function( msg ) {
        alert( "Seuccess" );
    });
})

希望这有帮助。

提交时阻止页面重新加载

2 个答案: