HTML5 datalist evento onchange

[m.pittini]

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]

Ciao, puoi provare cosi

<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 ...