Помогите мне решить проблему с jQuery и PHP

Question

Я хочу применить «Автозаполнение пользовательского интерфейса Jquery с несколькими значениями» к одному полю ввода регистрационных форм.Что я хочу сделать в точности: когда посетитель вводит имя существующего пользователя в это поле ввода, прежде всего, скрипт ищет существование имени, завершает его (если существует), добавляет запятую.Пользователь может ввести второе, третье ... существующие имена пользователей в это поле, и сценарий будет выполняться автоматически каждый раз.И когда посетитель нажимает кнопку отправки, PHP ищет идентификаторы этих имен пользователей, создает массив идентификаторов, добавляет его в поле «друзья» новых пользователей в таблице базы данных.

Мой код:

HTML

<form action="index.php" method="post">      
<input class="std" type="text" name="friends"  id="friends"/>
<input type="submit" name="submit">
</form>

Jquery

$(function() {
    function split( val ) {
        return val.split( /,\s*/ );
    }
    function extractLast( term ) {
        return split( term ).pop();
    }

    $( "#friends" )
        // don't navigate away from the field on tab when selecting an item
        .bind( "keydown", function( event ) {
            if ( event.keyCode === $.ui.keyCode.TAB &&
                    $( this ).data( "autocomplete" ).menu.active ) {
                event.preventDefault();
            }
        })
        .autocomplete({
            source: function( request, response ) {
                $.getJSON( "search.php", {
                    term: extractLast( request.term )
                }, response );
            },
            search: function() {
                // custom minLength
                var term = extractLast( this.value );
                if ( term.length < 2 ) {
                    return false;
                }
            },
            focus: function() {
                // prevent value inserted on focus
                return false;
            },
            select: function( event, ui ) {
                var terms = split( this.value );
                // remove the current input
                terms.pop();
                // add the selected item
                terms.push( ui.item.value );
                // add placeholder to get the comma-and-space at the end
                terms.push( "" );
                this.value = terms.join( ", " );
                return false;
            }
        });
});

search.php

$conn = mysql_connect("localhost", "user", "pass")  or die( mysql_error() );;
mysql_select_db("db", $conn)  or die( mysql_error() );;
$q = strtolower($_GET["term"]);
if (!$q) return;
$query = mysql_query("select id, fullname from usr_table where fullname like '$q%'")  or die(mysql_error());
$results = array();
while ($row = mysql_fetch_array($query)) {$results[] = array ( "id" => $row[0] , "label" => $row[1], "value" => $row[1] );}
echo json_encode($results);

Мои вопросы:

1. Мне нужен только идентификатор письменного имени и полное имя.Мне не нужна ценность.Как я могу удалить его из кода JQuery?
2. как получить массив идентификаторов письменных имен и поместить в поле "друзья" usr_table после отправки формы регистрации?
3. И, наконец, я хочу реализовать это с помощью mysqli.Какие части кода я должен изменить?

Извините за мой плохой английский

Answer 1

Этот автозаполнитель может делать то, что вы хотите:

http://www.devbridge.com/projects/autocomplete/jquery/#demo

Просто попробуйте ввести названия стран через запятую. Я использую его на своих веб-страницах и хорошо работает.