jQuery स्वत: पूर्ण transformResult ऑटो फोकस संपत्ति

Question

काम नहीं कर रहा अब यह इस

मैं jQuery स्वत: पूर्ण workingin हूँ की तरह लग रही है नीचे मेरी कोड जहां मैं शहर खोज करना चाहते है।

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 
        }; 

       }) 
      }; 
     } 
    }); 

अब उपरोक्त स्वतः में मैं ऑटोफोकस को सत्य के रूप में सेट करना चाहता हूं लेकिन यह काम नहीं कर रहा है। कृपया मदद करे।

यह 2 छवि

Answer 1

अरे लोग मैं इन https://www.devbridge.com/sourcery/components/jquery-autocomplete/

के संदर्भ में समाधान पाया है मैं autoSelectFirst संपत्ति का इस्तेमाल किया और मैं 2 छवि की तरह के रूप में सम्मान परिणाम मिला।

autoSelectFirst: यदि सत्य पर सेट किया गया है, तो सुझाव दिखाते समय पहले आइटम का चयन किया जाएगा। डिफ़ॉल्ट मान झूठा।

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

चाहते चाहिए यू जोड़ने के लिए

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

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

या कुछ इस तरह ...

$("#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

ऑटोफोकस पहले आइटम को हाइलाइट करेगा, जबकि चयन करें फर्स्ट पहले आइटम का चयन करेगा।

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 
         }; 

        }) 
       }; 
      } 
     });