2016-02-26 110 views
0

我有一个简单的表单,当我点击一个标签时我想提交。要做到这一点,我创建了一个像这样的jQuery:jQuery提交不起作用,但提交按钮确实

jQuery(function(){ 
    jQuery("#ci-submit-location-form").click(function() { 
    jQuery("#ci-location-search").submit(); 
    }); 
}); 

由于某些原因,我没有看到提交后我设置在窗体操作字段中的页面。看起来这个页面只是“realoading”。当我将它放入click()时,jQuery被解雇了,因为我得到了一个console.log。

但是,一个简单的提交字段会正确触发表单,然后我会到达所需的页面。

我忽略了什么?

这里是我的表单的DOM:

<form action="restaurant-list.php" id="ci-location-search" method="GET"> 
    <input type="text" class="ci-location-input" placeholder="Straße" /> 
    <a href="" id="ci-submit-location-form" class="ci-submit-location-form" />Send</a> 
    <input type="submit" value="SUBMIT" /><!-- For testing purpose only --> 
    <div class="ci-clear"></div> 
</form> 

回答

1

你需要的DOM提交:

jQuery("#ci-submit-location-form").click(function(e){ 
     e.preventDefault(); 
      jQuery("#ci-location-search")[0].submit(); 
    });  

最后,我想这是忽视:

/>Send</a> 

检查内嵌闭幕。

+0

感谢您的回复。但是TI没有解决问题:( – phenomenia

+0

检查更新。有一个内联关闭的锚。 – Jai

+0

太棒了!现在工作:) e.preventDefault();失踪。 谢谢! – phenomenia