为了账号安全,请及时绑定邮箱和手机立即绑定

搜索表单刷新页面而不是搜索值

搜索表单刷新页面而不是搜索值

Cats萌萌 2022-10-27 14:23:37
所以我的代码如下。每次我尝试使用该功能进行搜索时,它都会刷新页面。我在这里搜索了主题,但仍然无法弄清楚如何阻止它。我真的很感激这方面的一些帮助。        <link rel="stylesheet" href="searchstands.css">        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>        <script type="text/javascript" src="bootstrap.js"></script>        <script type="text/javascript" src="searchstands.js"></script>        <script type="text/javascript">          $(document).ready(function() {            prepareSearch($('#searchBox'), {              'searchLine' : '.searchTarget div.product',              'searchSightPoint' : 'div.stand, span.apron, div.aircraft',              'fade' : true, //true or false              'contrastString' : false  //true or false            });          });        </script><div class="row" id="standsearch">            <form class="form-search" action="#standsearch">              <div class="input-append">                <input type="text" id="searchBox" class="span2 search-query" placeholder="Search">                <button type="button" class="btnsearch">Find                </button>              </div>            </form>          </div>          <center><div class="row">            <div class="searchTarget">              <div class="product span3">                <div class="stand">                  Stand 100                </div>                            <span class="apron">West Apron</span>                            <div class="aircraft">                  B748                            </div>                            <div>                  <img src="dhl.png" class="image">                </div>              </div>
查看完整描述

1 回答

?
www说

TA贡献1775条经验 获得超8个赞

单击按钮时,<form>将提交自身。您应该捕获并阻止该事件。

$(document).ready()函数内部,添加:

$('#standsearch').submit(function(e) {
  e.preventDefault();});

这将防止<form>提交。


查看完整回答
反对 回复 2022-10-27
  • 1 回答
  • 0 关注
  • 78 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号