martedì 3 luglio 2012

Jquery autocompletamento


Per ottenere l'autocompletamento Jquery dispone di funzioni built-in.
L'implementazione è molto semplice:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
  $(document).ready(function() {
    $("input#autoritaRilascio").autocomplete({
    source: ["COMUNE", "PREFETTURA", "MOTORIZZAZIONE", "MINISTERO DEGLI INTERNI","PROVINCIA","REGIONE","STATO ESTERO"]
});
  });
</script>


In questo caso su un campo di tipo textbox con id=autoritaRilascio sono precaricati dei valori (lato js) che compaiono come suggerimenti.
E' possibile (devo vedere come) anche effettuare il caricamento di questi dati tramite chiamata server.
Qui sotto un esempio di funzionamento:

Autorità di rilascio documento:

Nessun commento:

Posta un commento