JQuery Autocomplete - выбор силы

Question

У меня есть форма, работающая с автозаполнением JQuery, и она работает достаточно хорошо. Теперь мне нужен еще один элемент, чтобы заставить пользователя выбрать правильный выбор на входе автозаполнения. Они могут печатать все, что захотят, и все фильтруется автозаполнением. Но они должны выбрать что-то из обслуживаемого списка. Если они не заполняют поле ввода, оно должно быть пустым. Пробовал несколько вещей с изменением и безрезультатно. Это код моей автозаполнения. Я видел несколько примеров работы с данными вместо источника. Это, кажется, делает большую разницу

$(function() { 
    $("#sp_name").autocomplete({ 
     minLength: 2, 
     delay: 300, 
     source: function (request, response) { 
      $.ajax({ 
       url: "./Search/", 
       dataType: "json", 
       data: { 
        term: request.term, 
        zoekterm: $("#al").html() 
       }, 
       success: function (data) { 
        response($.map(data, function (item) { 
         return { 
          label: item.naam, 
          value: item.naam 
         } 
        })); 
       } 
      }); 
     } 
    }) 
}); 

Answer 1

Попробуйте это:

Я использую локальный список здесь, но вы можете добиться этого с помощью источника данных JSON тоже. Просто добавьте событие изменения. Единственная проблема, которая может возникнуть в том, что если пользователь не нажмет на предложение, оно станет пустым (даже если пользователь вводит тот же текст, что и предложение). Это будет обязательным для пользователя щелчок по предложению.

var list = ["c", "c++", "c#","Basic","Mongo"]; 

$('#auto').autocomplete({ 
source: list, 

select: function (event, ui) { 
    $(this).val(ui.item ? ui.item : " ");}, 

change: function (event, ui) { 
    if (!ui.item) { 
     this.value = '';} 
//else { Return your label here } 
} 
}); 

JsFidle для него: http://jsfiddle.net/sarcastic/7KdZP/112/

In your case, Change function would be something like this: 

change: function (event, ui) 
{ 
if (!ui.label) { this.value = ''; } 
}