jQuery提交不起作用但提交按钮确实有效

时间:2016-02-26 13:49:51

标签: jquery html forms

当我点击标签时,我想提交一个简单的表单。为此,我创建了一个像这样的jQuery:

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

由于某些原因,我在“表单操作”字段中设置的提交后没有看到该页面。看起来页面只是“真实地”。当我把它放在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 个答案:

答案 0 :(得分:1)

您需要提交DOM:

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

最后我认为这被忽视了:

  />Send</a>

检查内联结束。

相关问题