donglu9898 2012-02-03 14:45
浏览 44
已采纳

Jquery表单提交将不起作用

I have a small script where I take in a value from a select drop down, pass it to a php script via jquery, and then return the output based on that value and display it on the same page without refresh. When I use the following code, it just reloads the page again. Please can someone help.

Many thanks

<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);
                });
      });  
}); 
  • 写回答

3条回答 默认 最新

  • dongrang2186 2012-02-03 14:47
    关注
    $(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.
          });  
    }); 
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?