我想为用户提供添加自己的变体的可能性,而不仅仅是建议中的一个。但是当我在字段中输入内容并单击 ENTER 时,我的表单提交。
然后我尝试为我的字段捕获 keydown 事件,但在这种情况下,我失去了使用箭头从建议中选择变体并输入键的可能性,因为 ui 参数未定义。
$('#field_id').on('keydown', function(event) {
if (event.keyCode == $.ui.keyCode.ENTER
|| event.keyCode == $.ui.keyCode.NUMPAD_ENTER)
{
$('#field_id').trigger('autocompleteselect');
}
});
$('#field_id').autocomplete({
source: [{"id":"20","value":"This is not mandatory decline reason"},{"id":"21","value":"You are have to be rejected"}]
minLength: 0
}).on('autocompleteselect', function(event, ui) {
// if I click on suggestion using mouse - everything is ok
// but not for ENTER-key choosing
// I want something like that:
if (ui.item) {
id = ui.item.id;
value = ui.item.value;
} else {
id = 'my_new_item';
value = $(this).val();
}
return false;
});