Очистить поле формы после выбора для jQuery UI Autocomplete
Я разрабатываю форму и использую jQuery UI Autocomplete. Когда пользователь выбирает опцию, я хочу, чтобы выделение появлялось в промежутке, добавляемом к родителю.<p>
тег. Тогда я хочу, чтобы поле очистилось, а не было заполнено выделением.
У меня есть промежуток, выглядящий просто отлично, но я не могу очистить поле.
Как отменить действие по умолчанию для выбора jQuery UI Autocomplete по умолчанию?
Вот мой код:
var availableTags = ["cheese", "milk", "dairy", "meat", "vegetables", "fruit", "grains"];
$("[id^=item-tag-]").autocomplete({
source: availableTags,
select: function(){
var newTag = $(this).val();
$(this).val("");
$(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>");
}
});
Просто делаю$(this).val("");
не работает Что сводит с ума то, что почти точная функция работает нормально, если я игнорирую автозаполнение и просто предпринимаю действия, когда пользователь вводит запятую как таковую:
$('[id^=item-tag-]').keyup(function(e) {
if(e.keyCode == 188) {
var newTag = $(this).val().slice(0,-1);
$(this).val('');
$(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>");
}
});
Реальный конечный результат - заставить автозаполнение работать с несколькими вариантами выбора. Если у кого-то есть какие-либо предложения для этого, они будут приветствоваться.