如何在page.tpl.php中的Drupal 7中实现自定义自动完成搜索

时间:2016-02-12 13:24:14

标签: php jquery ajax drupal drupal-7

我正在使用drupal 7,我需要自动完成自定义搜索功能.. 我在哪里使用PHP Ajax搜索功能

<div class="frmSearch">
    <input type="text" id="search-box" placeholder="Country Name" />
    <div id="suggesstion-box"></div>
</div>

我的Ajax脚本是

// AJAX call for autocomplete 
$(document).ready(function(){
    $("#search-box").keyup(function(){
        $.ajax({
        type: "POST",
        url: "readCountry.php",
        data:'keyword='+$(this).val(),
        beforeSend: function(){
            $("#search-box").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
        },
        success: function(data){
            $("#suggesstion-box").show();
            $("#suggesstion-box").html(data);
            $("#search-box").css("background","#FFF");
        }
        });
    });
});
//To select country name
function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}

在我的数据库表中,字段名称是

Country_name

我试图通过使用上面的搜索功能来实现直接的php文件搜索功能......

<ul class="">
                <li>
<?php
 print $custom_search_box; 
?>
</li>
                <!-- <li><input type="text" placeholder="Search By Country" class="form-control"></li> -->
                    <?php foreach($dbresult as $row){ ?>
                    <li><a class="list-group-item" href="#"><i class="fa fa-caret-right"></i><?php echo $row->country_name; ?></a></li>

                    <?php } ?>
                    </ul>

以上是我用来实现搜索功能..

任何建议如何实施

1 个答案:

答案 0 :(得分:0)

你是否正在使用Drupal中的一些自定义表?我的建议不是这样做,而是创建自定义内容类型系统方式,因此您可以使用从Drupal系统和模块获得的视图,模块和所有其他功能。

在这种情况下,您可以找到一些开箱即用的自动完成模块:

https://www.drupal.org/project/search_autocomplete