Estou desenvolvendo um formulário e usando o jQuery UI Autocomplete. Quando o usuário seleciona uma opção, quero que a seleção apareça em um intervalo anexado à <p>
tag pai . Em seguida, quero que o campo seja limpo em vez de ser preenchido com a seleção.
O intervalo parece bom, mas não consigo limpar o campo.
Como você cancela a ação de seleção padrão do jQuery UI Autocomplete?
Aqui está o meu código:
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>");
}
});
Simplesmente fazer $(this).val("");
não funciona. O que é enlouquecedor é que quase a função exata funciona bem se eu ignorar o preenchimento automático e apenas agir quando o usuário digitar uma vírgula como esta:
$('[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>");
}
});
O resultado final real é fazer com que o preenchimento automático funcione com várias seleções. Se alguém tiver alguma sugestão para isso, será bem-vindo.