jquery autouzupełniania transformResult nieruchomość automatycznej regulacji ostrości nie działa

Question

Teraz to wygląda jak ten

ja workingin jquery autouzupełniania poniżej jest mój kod, gdzie chcę, aby szukać miasto.

jQuery('#citySearch').autocomplete({ 
     serviceUrl: basePath + '/selectMycities.json', 
     paramName: "tagName", // 
     onSelect: function(suggestion) { 
      cityID = suggestion.data; 
      cityId=cityID; 
      jQuery("#cityId").val(cityID); 
      return false; 
     }, 
     transformResult: function(response) { 

      return { 

       suggestions: jQuery.map(jQuery.parseJSON(response), function(item) { 
        return { 
         value: item.cityName, 
         data: item.cityId, 
         id: item.cityId 
        }; 

       }) 
      }; 
     } 
    }); 

Teraz powyżej autouzupełniania chcę ustawić autoFocus jako true, ale nie działa. proszę pomóż.

Należy podoba 2nd wizerunek

Answer 1

Hej chłopaki Znalazłem rozwiązanie w odniesieniu do tych https://www.devbridge.com/sourcery/components/jquery-autocomplete/

użyłem właściwość autoSelectFirst i mam szanowane jako rezultat jak 2nd obrazu.

autoSelectFirst: jeśli zostanie ustawiona wartość true, pierwszy element zostanie wybrany podczas wyświetlania sugestii. Wartość domyślna false.

jQuery('#citySearch').autocomplete({ 
     autoSelectFirst: true, 
     serviceUrl: basePath + '/selectMycities.json', 
     paramName: "tagName", // 
     onSelect: function(suggestion) { 
      cityID = suggestion.data; 
      cityId=cityID; 
      jQuery("#cityId").val(cityID); 
      return false; 
     }, 
     transformResult: function(response) { 

      return { 

       suggestions: jQuery.map(jQuery.parseJSON(response), function(item) { 
        return { 
         value: item.cityName, 
         data: item.cityId, 
         id: item.cityId 
        }; 

       }) 
      }; 
     } 
    }); 

Answer 2

u trzeba dodać

$("#citySearch").focus(); 

https://fiddle.jshell.net/1vfcgcco/1/

czy coś takiego ...

$("#auto").autocomplete({ 
source: function(request, response) { 
    var results = $.ui.autocomplete.filter(src, request.term); 

    response(results.slice(0, 4)); 
} 
}); 

http://jsfiddle.net/vqwBP/1098/

Answer 3

autofocus zaprezentuje pierwszy element, a selectFirst wybierze pierwszą opcję.

jQuery('#citySearch').autocomplete({ 
      selectFirst: true, 
      autoFocus: true, 
      serviceUrl: basePath + '/selectMycities.json', 
      paramName: "tagName", // 
      onSelect: function(suggestion) { 
       cityID = suggestion.data; 
       cityId=cityID; 
       jQuery("#cityId").val(cityID); 
       return false; 
      }, 
      transformResult: function(response) { 

       return { 

        suggestions: jQuery.map(jQuery.parseJSON(response), function(item) { 
         return { 
          value: item.cityName, 
          data: item.cityId, 
          id: item.cityId 
         }; 

        }) 
       }; 
      } 
     });