2016-02-10 4 views
-1

У меня есть некоторый код для автозаполнения что-то из моего ввода текстового поля с JQuery и полный код это:Живая Tagging при вводе

<head> 

    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery.autocomplete.min.js"></script> 
    <script type="text/javascript"> 

    $(function(){ 
    var friends = [ 
    { value: 'Google', data: 'http://www.google.com' }, 
    { value: 'Facebook', data: 'http://www.facebook.com' }, 

    ]; 

    $('#autocomplete').autocomplete({ 
    lookup: friends, 
    onSelect: function (suggestion) { 
     var thehtml = '<a href="'+ suggestion.data +'">' + suggestion.value + ' </a> ' ; 
     $('#tagged').html(thehtml); 
    } 
    }); 


}); 

    </script> 

<div id="tagged"></div> 
    <form><input type="text" class="biginput" id="autocomplete"></form> 

Теперь мой вопрос, как я могу добавить больше тегов в #tagged, не меняя его с новым. И как я могу поместить Like, если у меня есть, и между некоторыми текстами, и когда я набираю @Google, чтобы начать jquery сверху и дать мне список, а затем, когда я нажимаю, чтобы просто выводить его рядом с текстом, где я нажал @ .... Спасибо

ответ

0

Вы можете использовать плагин как this one.

В вашем случае источником данных будет вызов AJAX, который будет получать результаты с сервера, путем поиска тегов, содержащих строку тега, и отправки их клиенту. Есть примеры этого в документах плагина.

+0

Спасибо, человек! ... – Sky

+0

добро пожаловать. вы можете принять мой ответ, если это было полезно. привет – gontrollez

+0

Я пропустил, что нашел что-то еще в Интернете, и я просто отредактирую вопрос. – Sky