HTML5 datalist evento onchange

m.pittini

Utente Attivo
26 Feb 2009
231
6
0
Ho un problema con HTML5 e gli inputbox "datalist": in pratica vorrei intercettare tramite JS quando viene inserito o scelto un valore in modo da variare dinamicamente il contenuto di un'altra datalist.

Ho provato utilizzando l'OnChange, il cambio però (a differenza di un select standard) viene intercettato soltanto quando esco dall'inputbox.

Consigli?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, puoi provare cosi
HTML:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script language ="javascript">            
    $(document).ready(function(){	
        $("#utenti").on("input",function(){
            alert($(this).val());
        })
    });
</script>

<input type="text" name="users" id="utenti" list="users"/>
<datalist id="users">
    <select>
        <option>Pink Betta</option>
        <option>Borgo Italia</option>
        <option>M.Pittini</option>
        <option>Maxbossi</option>
    </select>
</datalist>
non lo conoscevo ancora questo tag, molto interessante, strano però che non ci sia un evento specifico per il cambio delle option ...
 
Discussioni simili
Autore Titolo Forum Risposte Data
MarcoGrazia HTML5 <picture> e i file source HTML e CSS 2
D pattern html5 non va con asterisco HTML e CSS 6
B Vendo Temi per Wordpress e template html5 Altri Annunci 0
C Html5 game HTML e CSS 1
matteoraggi [PHP] Trasformare una animazione html5 in un file video PHP 0
A [Javascript] problemi con javascrip e posizione GPS html5 Javascript 6
C Aggiornare App Html5 HTML e CSS 2
P [Javascript] [html5] operazioni matematiche come output di un form Javascript 7
P Implementare gioco html5 in pagina web HTML e CSS 3
xone [Offro] Realizzazione template html5 css3 creati da zero Offerte e Richieste di Lavoro e/o Collaborazione 0
G Dreamweaver e html5 Windows e Software 9
E Formato data datepicker HTML5 HTML e CSS 5
R Slideshow di immagini in HTML5 HTML e CSS 1
S pulsanti sonori in html5 HTML e CSS 3
T modificare un template html5 HTML e CSS 6
P html5 e css per ie10 e 11 HTML e CSS 6
N Passaggio da xhtml strict ad HTML5, problemi di charset!! HTML e CSS 1
L Funzione per API HTML5 Javascript 0
M Validazione documenti HTML5 HTML e CSS 0
A Modificare un template html5 Webdesign e Grafica 1
R Consiglio Snippet HTML5 Base HTML e CSS 2
C Attributi Tag <html> in HTML5 HTML e CSS 2
L [HTML5] Problema con Google Chrome, non so che sia. Javascript 3
glm2006ITALY Editor HTML5 HTML e CSS 6
I <section> e <article> in HTML5 HTML e CSS 1
M Controls volume in HTML5 HTML e CSS 0
J [RISOLTO] Struttura pagina con HTML5 e CSS HTML e CSS 7
S convertire html5/jquery app in apk per android jQuery 0
L [RISOLTO]inserire funzione in un oggetto (HTML5+canvas) Javascript 2
M embedare streaming in HTML5 compatibili con Android HTML e CSS 1
F Blog e Forum HTML5 / Tekhy Presenta il tuo Sito 22
A problema url html5 video HTML e CSS 1
A Webcam HTML5 HTML e CSS 1
P Bug IE 7/8 slideshow inserito in pagina html5 Parallax HTML e CSS 4
P Bug IE 7 slideshow inserito in pagina html5 Parallax Javascript 1
J html5 e standard HTML e CSS 2
P attuale compatibilità HTML5 con i principali browser HTML e CSS 6
G html5 ed audio gestito da javascript Javascript 2
Frank10 Problema w3c warning HTML5 -.-" HTML e CSS 5
YellowMan HTML5 off-line web application HTML e CSS 1
Frank10 Problema w3c e doctype html5 HTML e CSS 2
K [consigli] CMS in HTML5 con Responsive Web Design e semantica schema.org CMS (Content Management System) 3
novello88 Problema convalida W3C pagina HTML5 HTML e CSS 8
L HTML5 Boilerplate HTML e CSS 3
YellowMan HTML5 WebSocket: mi fate un esempio di come funziona? HTML e CSS 1
YellowMan Video HTML5: in locale funziona, on-line no! HTML e CSS 1
novello88 Come faccio a sapere se il mio browser supporta HTML5? HTML e CSS 2
voldemort HTML5 e CSS3: ancora troppo presto? HTML e CSS 3
PenguinLover HTML5 Geolocalizzazione - come funziona? HTML e CSS 8
maxbossi Guida ad HTML5 in italiano HTML e CSS 0

Discussioni simili