【问题标题】:How to implement Custom Autocomplete Search in Drupal 7 in page.tpl.php如何在 page.tpl.php 中的 Drupal 7 中实现自定义自动完成搜索
【发布时间】:2016-02-12 13:24:13
【问题描述】:

我正在使用我需要自动完成自定义搜索功能的 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>

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

任何建议如何实施

【问题讨论】:

    标签: php jquery ajax drupal drupal-7


    【解决方案1】:

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

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

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

    【讨论】:

    • 但我需要特定表本身而不是漏洞网站...所以尝试编写自定义查询和 ajax ..
    • “整个网站”是什么意思?您可以创建自定义内容类型,在该类型中创建节点,使用视图模块(仅)查询它们。
    猜你喜欢
    • 1970-01-01
    • 2013-04-12
    • 2013-02-17
    • 1970-01-01
    • 2014-04-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多