php - 使用 mySQL 和 PHP 进行 jQuery 自动建议

Question

我正在设置一个自动建议，人们可以在其中输入状态并被推荐到我网站上的页面。我将其链接到数据库，因为一旦我让这个简单的示例运行起来，我将在数据库中查找 50,000 个位置。现在我只有状态。

一切正常，只是当用户从列表中选择一个状态时，框中填写的名称是我发送给他们的 url 链接，而不是正确的标签。 (但我仍然会将它们发送到一个网址。)这是一个小问题，但看起来不太正确。有什么想法吗？

jQuery(document).ready(function($){
    $('#searchbox').autocomplete({
        source:'suggest.php', 
        minLength:1,
        select: function(event, ui) {
            $( "#searchbox" ).val( ui.item.label );
            var url = ui.item.value;
            if(url != '#') {
                window.location.href = url;
            }
        },
        html: true,
        open: function(event, ui) {
            $(".ui-autocomplete").css("z-index", 1000);
        }                   
    });
});

PHP 返回 Web 链接和正在搜索的标签:

while( $row = mysql_fetch_array($rs, MYSQL_ASSOC) )
{
    $data[] = array(
        'label' => $row['Label'],
        'value' => $row['Link']
    );
}

这是运行 1 的示例

Answer 1

看起来 select 方法的默认行为是将文本框设置为使用 value 而不是 label。因此，无论您输入的字符串是什么，使用 $( "#searchbox").val( ui.item.label ); 都不起作用。在这种情况下，我们应该停止默认行为。

将 event.preventDefault() 放入 select 函数似乎可以解决问题。

select: function(event, ui) {
    event.preventDefault();
    $( "#searchbox" ).val( ui.item.label );
    var url = ui.item.value;
    if(url != '#') {
        window.location.href = url;
        }
    }