Javascript jquery自动完成接受,无需从下拉列表中选择
Im使用自动完成插件显示用户在键入单词时可以选择的选项 这里的问题是: 如果用户在没有单击下拉列表中显示的项目的情况下正确键入与可用标记匹配的单词,则此代码将不允许使用该单词 我该怎么修呢?这是我的Javascript jquery自动完成接受,无需从下拉列表中选择,javascript,jquery,jquery-autocomplete,Javascript,Jquery,Jquery Autocomplete,Im使用自动完成插件显示用户在键入单词时可以选择的选项 这里的问题是: 如果用户在没有单击下拉列表中显示的项目的情况下正确键入与可用标记匹配的单词,则此代码将不允许使用该单词 我该怎么修呢?这是我的 $( "#fuente" ).autocomplete({ source: availableTags, change: function (event, ui) { if (ui.item == null || ui.item == undefine
$( "#fuente" ).autocomplete({
source: availableTags,
change: function (event, ui) {
if (ui.item == null || ui.item == undefined) {
$("#fuente").val("");
$("#fuente").attr("disabled", false);
$('#fuente').removeClass('fuenteboxCheck');
$('#fuente').addClass('fuenteboxNCheck');
}
else {
$('#fuente').removeClass('fuenteboxNCheck');
$('#fuente').addClass('fuenteboxCheck');
}
}
});
有没有简单的方法来解决这个问题?请暂停。
thnx.好的。。所以我做了更多的研究,找到了一个很好的解决方案。 希望这能帮助其他人解决这个问题
var lastValue;
var lastValue;
$("#fuente").autocomplete({
source: availableTags,
select: function(event, ui) {
lastValue = ui.item.value;
},
response: function(event, ui) {
//lastValue = ui.content.length > 0 ? ui.content[0].value : '';
if(ui.content.length > 0){
lastValue = ui.content[0].value;
$('#fuente').removeClass('fuenteboxNCheck');
$('#fuente').addClass('fuenteboxCheck');
}
else{
lastValue = '';
$('#fuente').removeClass('fuenteboxCheck');
$('#fuente').addClass('fuenteboxNCheck');
}
}
});
$("#fuente").on('blur', function() {
$(this).val(lastValue);
});lse{
lastValue = '';
$('#fuente').removeClass('fuenteboxCheck');
$('#fuente').addClass('fuenteboxNCheck');
}
}
});
$("#fuente").on('blur', function() {
$(this).val(lastValue);
});
});
thnx