Я разрабатываю форму и использую автозаполнение jQuery UI. Когда пользователь выбирает параметр, я хочу, чтобы выделение появилось в диапазоне, добавленном к родительскому <p>
тегу. Затем я хочу, чтобы поле очищалось, а не заполнялось выделением.
У меня диапазон отображается нормально, но я не могу очистить поле.
Как отменить действие выбора по умолчанию для автозаполнения jQuery UI?
Вот мой код:
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>");
}
});
Настоящий конечный результат - получить автозаполнение для работы с множественным выбором. Если у кого-то есть предложения по этому поводу, они будут приветствоваться.
источник
$(this).val('');
).val('')
все равно должен произойти. Этоreturn false;
только предотвратит появление текста выбранного элемента в поле ввода.Вместо return false вы также можете использовать event.preventDefault ().
источник
return false требуется в обратном вызове select, чтобы очистить поле. но если вы хотите снова управлять полем, т. е. установить значение, вам нужно вызвать новую функцию, чтобы выйти из пользовательского интерфейса.
Возможно, у вас есть быстрое значение, например:
Установите его как значение элемента. (фокус ставим на '').
источник
У меня это хорошо работает.
После выбора события я использовал изменение события.
Я новичок!
источник
источник
Я просто решил, что заставляет терять фокус:
источник