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:
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:
Nessun commento:
Posta un commento