Jquery 自动完成链接

Question

我在我的网站上使用 jquery 的自动完成功能。现在，它生成的菜单包含您可以单击的链接。

但是，当您单击它们时，它们只会进入文本字段。我希望能够单击链接（或按 Enter 键）并进入另一个页面，特别是更改 URL 的 get 变量。

为了让事情变得更复杂一些，下拉列表中的每个项目都由我的 mysql 数据库分配了一个 ID。每个项目应访问的链接是 index.php?id=$id，其中 $id 是数据库中的 ID。

由于菜单中有数百个项目，如何更改当前代码以包含重定向到 index.php?id=$id 从我的网站获取 $id 的链接数据库？

代码： 来自 http://jqueryui.com/demos/autocomplete/ 的标准代码

<script>
$(function() {
    var availableTags = [
        <?php
        include 'connect.php';

        $result=mysql_query("SELECT * FROM searchengine");

        while ($row=mysql_fetch_assoc($result)){

        $title=$row['title'];
        $id=$row['id'];

        echo "\"$title\",";

        }


        ?>
    ];
    $( "#tags" ).autocomplete({
        source: availableTags

    });

});
</script>

PS 我在 jquery 中使用 php生成变量列表。

Answer 1

由于我不懂 PHP，所以我无法帮助您处理服务器端代码，但是一旦您了解了自动完成可以使用的不同数据，就应该很容易弄清楚。

对于小部件的数据源，您可以使用 label 和 value 属性指定对象数组。您可以利用 value 属性来存储数据库中的 id，然后为 select 事件定义一个事件处理程序以将用户发送到正确的页面。

这是一个示例：

$("input").autocomplete({
    source: [
        { label: "Home", value: '3' },
        { label: "Admin", value: '4' },
        { label: "Search", value: '55' }
    ],
    select: function(event, ui) {
        /* Prevent the input from being populated: */
        event.preventDefault();
        /* Use ui.item.value to access the id */
        window.location.href = "/index.php?id=" + ui.item.value;
    }
});

这是一个工作（更简单）的示例： http://jsfiddle.net/j2JUb/

作为旁注，如果您有的话，我会考虑使用自动完成提供的 远程数据源 选项大量可能的结果。

Answer 2

将 echo 标题行更改为 echo

Answer 3

不确定您是否仍在尝试解决此问题。这是我使用的 解决方案

基本上，你会得到（使用get 方法）您正在传输的 id（或搜索查询），然后根据它执行 mysql 查询。返回的内容之一是 id，然后将其附加到 URL 的一部分。

例如，我需要攻击一个类别：

<script type="text/javascript">
                    function test(){
                        var i = document.createElement('input');
                        i.type = 'hidden';
                        i.name = 'cat';
                        i.value = cat;
                        document.getElementById("searchForm").appendChild(i);
                    }

                </script>

我在表单之后立即使用了它。这会将类别名称附加为提交的 url 的一部分。 （例如&cat=dfgdfg）。你可以用你的 id 做同样的事情。

对我来说最有效的选项是，在提交时，将再次查询数据库，并使用 id（以及重定向）将您带到所需的页面。

希望这是有道理的。

总之：您处理它的方式是获取与您想要的页面关联的 id，并将其附加到您的提交任务（例如 onsubmit="search.php=$id"）