Question

动画搜索框正在扩展，点击输入按钮。输入任何文本并再次单击图标后，它应该使用get方法发送表单。

我不知道我做错了什么，如果能得到一些帮助，我会很高兴。

a = [1, 4, 5, 7, 9, 12, 15]
idx_pairs = [list(z) for z in zip(a[:-1], a[1:])]
idx_pairs
>>>[[1, 4], [4, 5], [5, 7], [7, 9], [9, 12], [12, 15]]

Javascript功能

<form action="navi.php" method="GET">
    <div class="search-wrapper">
        <div class="input-holder">
            <input type="text" class="search-input" placeholder="Type to search" />
            <button class="search-icon" onclick="searchToggle(this, event);"><span></span></button>
        </div>
    </div>
</form>

Answer 1

尝试像这样使用

＆＃13;

function searchToggle(obj){
    var container = $(obj).find('.search-wrapper');

    if(!container.hasClass('active')){
          container.addClass('active');
          return false;
    }
    else if(container.hasClass('active')){
          container.removeClass('active');
          // clear input
          container.find('.search-input').val('');
          // clear and hide result container when we press close
          container.find('.result-container').fadeOut(100, function(){$(this).empty();});
      return true;
    }
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form action="navi.php" method="GET" onsubmit="return searchToggle(this);">
    <div class="search-wrapper">
        <div class="input-holder">
            <input type="text" class="search-input" placeholder="Type to search" />
            <button class="search-icon" type="submit"><span></span>SUBMIT</button>
        </div>
    </div>
</form>

＆＃13;

Answer 2

好吧，您将.search-input的值设为空，并将空值发送给navi.php。

您的按钮必须具有属性type="submit"才能提交表单。如果您删除container.find('.search-input').val('');并添加type="submit"，则会有效。

同样else if(container.hasClass('active'))毫无意义，您可以只使用else。并且不建议使用onclick。如果你使用jQuery，你应该使用$ .bind（）或$ .on（）...

按下第一个单击动作和第二个单击动作

2 个答案: