Jquery 양식 제출이 작동하지 않습니다

Question

작은 드롭 다운에서 값을 가져 와서 jquery를 통해 PHP 스크립트에 전달한 다음 그 값을 기반으로 출력을 반환하고 새로 고침하지 않고 같은 페이지. 다음 코드를 사용하면 페이지가 다시로드됩니다. 제발 도와 줄 수 있어요.

많은 감사

<form name="offerForm" id="offerForm" method="post"> 
<select id="product_dropdown"> 
     <option value="Sony">Sony</option> 
     </select> 
<input type="image" src="GO.png" alt="" width="30" height="30"/> 
</form> 

<div id="show"></div> 



$(function() { 
     $("#offerForm").submit(function() { 
     alert("validate and process form here !"); 
     $.post('offers.php', $("#offerForm").serialize(), function(data) { 
        $('#show').html(data); 
       }); 
     }); 
}); 

Answer 1

$(function() { 
     $("#offerForm").submit(function() { 
     alert("validate and process form here !"); 
     $.post('offers.php', $("#offerForm").serialize(), function(data) { 
        $('#show').html(data); 
     }); 
     return false; //You should add return false to prevent the form submit. 
     }); 
}); 

Answer 2

당신이 거짓 수익을 누락 return false;

$(function() { 
    $("#offerForm").submit(function() { 
     alert("validate and process form here !"); 
     $.post('offers.php', $("#offerForm").serialize(), function(data) { 
       $('#show').html(data); 

      }); 
     return false; 
    }); 
}); 

Answer 3

를 추가; 제출 핸들러에서. 귀하의 브라우저가 귀하의 양식을 독자적으로 제출하는 것을 방해하지는 않습니다. 이것을 시도하십시오 :

$(function() { 
    $("#offerForm").submit(function() { 
     alert("validate and process form here !"); 
     $.post('offers.php', $("#offerForm").serialize(), function(data) { 
       $('#show').html(data); 
     }); 
     return false; 
    }); 
});