2012-04-11 3 views
2

Я пытаюсь поместить ввод автозаполнения на своем веб-сайте, и я решил использовать виджет автозаполнения jQuery UI, так как я столкнулся с некоторыми проблемами. Но это все не решает!jQuery UI Autocomplete Functionality

Вот ссылка на пример я сделал: http://jsfiddle.net/Tg7Rt/2/

Вот мои проблемы:

  • пользователь должен нажать на фактическое слово в поле щ-меню, выпадающей. Я хочу, чтобы пользователь мог щелкнуть по той же строке, то есть справа от слова.

  • Предположим, пользователь хотел поставить слово «персик», которое не найдено в автозаполнении. Я бы хотел, чтобы пользователь нажал «ввести» и смог добавить слово в .list

Спасибо за помощь!

ответ

2

Для первого запроса не забудьте также включить jQuery ui css. Во-вторых, добавить

$('#my_input').keyup(function(e){ 
    if(e.which === 13){ 
     $('ul').append("<li>" + this.value + "</li>"); 
     this.value = ''; 
    } 


}); 

http://jsfiddle.net/Tg7Rt/7/

+3

за 1 requst: просто добавьте CSS: '.ui-автозаполнения .ui-меню пункт а { дисплей: блок; } ' –