从自定义自动提示自动完成创建链接

时间:2011-11-14 11:19:26

标签: php javascript html

我有以下autosuggest / autocomplete,当用户在搜索框中输入时会返回动态列表:

if($arg) {  
    if (!$query) {  
        $query = "SELECT name FROM users WHERE (name LIKE \"%" . $_GET["q"] . "%\") group by name LIMIT 8";     
    }   
}

$result = mysql_query($query);

$output_items = array();

while($row = mysql_fetch_array($result)) { 
    $output_items[] = $row[name]; 
} 

print(implode("\n", $output_items));

mysql_close();

当用户点击我希望链接的名称并转到例如

mysite.com/search.html?firstname+lastname

我已经看到了jquery版本的答案,但我认为这可能更简单,但它让我感到难过。

1 个答案:

答案 0 :(得分:0)

  1. 用于html表单输入文本(搜索)挂钩事件键盘

  2. jQuery中的
  3. this.keyup(function() { 
        $.getJSON('mysite.com/search.html?name='+name,function(data) { 
            info = data.users;
            $('#suggest-result').html('');   
            for (var i = 0; i < info.length; i++) {
                jQuery('<a/>', {
                    href: '#',
                    title: info[i].user_name,
                    text: info[i].user_name
                }).appendTo('#suggest-result');  
            }
        });
    }
    
  4. 在html模板中为输出用户创建div'#suggest-result'