Jquery reprend automatiquement le début du premier caractère

Je pense que cela a été posé par quelqu'un avant, mais je ne peux pas le faire fonctionner avec mon script. Lorsque je commence à taper le champ de saisie et, par exemple, je commence par la lettre AI, obtenez chaque étiquette qui contient la lettre A.

Je ne veux que les étiquettes qui commencent par la lettre A.

C'est mon script:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <style> .ui-autocomplete { max-height: 100px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ * html .ui-autocomplete { height: 100px; } </style> $(function() { $( "#tags" ).autocomplete({ source: [{ label: "Apple", value: "http://www.apple.com"}, { label: "Google", value: "http://www.google.com"}, { label: "Yahoo", value: "http://www.yahoo.com"}, { label: "Bing", value: "http://www.bing.com"}], minLength: 3, select: function(event, ui) { event.preventDefault(); $("#tags").val(ui.item.label); $("#selected-tag").val(ui.item.label); window.location.href = ui.item.value; } , focus: function(event, ui) { event.preventDefault(); $("#tags").val(ui.item.label); } }); }); 

C'est mon html:

• Envoi de SMS sur les téléphones mobiles via JavaScript
• Problème avec l'amorçage manuel et la suppression des services angulaires dans config
• Comment obtenir l'arbre verticalement orienté en utilisant d3.js
• Node.js: Connexion à un serveur utilisant les prises
• HTML5 toile course () épaisse et floue

 <div class="ui-widget"> <label for="tags" style="float:left; margin-right:5px; font-size:12px; margin-top:10px; margin-left:55px; text-align:right;">Search Engines:</label> <input type="text" placeholder="Search for engine..." id="tags" style="width:150px; padding:3px; margin:9px 0 0 0; float:right;" /> </div> 

Est-ce possible avec mon script comme il l'est maintenant?

Merci d'avance

• Validations côté client et Rails4
• Javascript image superposée sur un div spécifié
• Google Spell vérifie que l'URI ne fonctionne pas
• Déterminez quels éléments DOM la sélection de texte actuelle contient
• AngularJS: capturez tout le statut de réponse 500

 var data = [ { label: "Apple", value: "http://www.apple.com" }, { label: "Google", value: "http://www.google.com" }, { label: "Yahoo", value: "http://www.yahoo.com" }, { label: "Bing", value: "http://www.bing.com" }]; $(function() { $( "#tags" ).autocomplete({ source: function( request, response ) { var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" ); response( $.grep( data, function( item ){ return matcher.test( item.label ); }) ); }, minLength: 1, select: function(event, ui) { event.preventDefault(); $("#tags").val(ui.item.label); $("#selected-tag").val(ui.item.label); window.location.href = ui.item.value; }, focus: function(event, ui) { event.preventDefault(); $("#tags").val(ui.item.label); } }); });