Ciao,
ho un problema. Ho una serie di 'li' con un link all'interno.
Vorrei tramite un input fare una ricerca di questi valori e filtrarli con jquery autocomplete.
Come posso fare questo?Codice PHP:<div class="lista">
<li>
<a href="">valore 1</a>
</li>
<li>
<a href="">valore 2</a>
</li>
<li>
<a href="">valore 3</a>
</li>
</div>
codice:<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <script> $(function() { var availableValues = [ "Valore 1", "Valore 2", "Valore 3" ]; $( "#values" ).autocomplete({ source: availableValues }); }); </script> </head> <body> <div class="ui-widget"> <label for="values">Valori: </label> <input id="values"> </div>
Volendo si potrebbe creare dinamicamente l'array con i valori:
codice:<script> $(function() { var availableValues=Array(); $('.lista a').each(function() { availableValues.push($(this).html()); }); $( "#values" ).autocomplete({ source: availableValues }); }); </script>
Ciao Grazie,
provo a testarlo e se ho problemi ti scrivo.
Ma la lista dei link è sempre visibile e quando qualcuno scrive nell'input vengono filtrati? oppure sono visibili solo una volta filtrati?
Grazie
Ciao,
ho provato e funziona. solo che io vorrei che i risultati si filtrino in base al valore che ho scelto.
Come posso fare??
Permessi di invio
Rispondi quotando