在“猫的结果”和“找不到猫的结果”中显示搜索区域的文本

时间:2016-11-14 18:07:34

标签: search text

所以我设置搜索区域,在用户搜索某些内容后显示不同的结果,但我不知道如何添加“未找到结果(用户搜索的字词)”或“找到的结果”的文字(用户搜索的词)“。如果有人有建议或代码可以做到这一点请分享我真的很感激。

       <input
                id = "searchText"
            data-path=".title"
            data-button="#title-search-button"
            type="text"
            value=""
            placeholder="Search..."
            data-control-type="textbox"
            data-control-name="title-filter"
            data-control-action="filter"
        />
        <script>
        document.getElementById('searchText').addEventListener("keydown",function(e){
                      if(e.keyCode == 13){
                       $("#title-search-button").click();
                      }
                    });
        </script>

        <button
            type="button" 
            id="title-search-button">
            <i class="fa fa-search"></i>
        </button>

这是在没有找到结果的情况下显示的代码:

                <div class="box no-results text-shadow align-center">
                    <p>No results found</p> 
                </div>

感谢您的帮助:)

0 个答案:

没有答案