En un campo autocomplete, hecho del siguiente modo:
Código:
Estoy intentando que resalte al pasar por una opción pero bajando con las teclas, ya que con el ratón si lo he conseguido mediante css. ¿Cómo puedo hacerlo con las teclas del teclado?<script src="../js/jquery.js" type="text/javascript"></script> <script type="text/javascript" src="../js/jquery-ui.js"></script> <script> $(document).ready(function(){ $(function() { var availableTags = [ "Inglés", "Alemán", "Francés", "Italiano" ]; function split( val ) { return val.split( /,\s*/ ); } function extractLast( term ) { return split( term ).pop(); } $( "#idiomas" ) .bind( "keydown", function( event ) { if ( event.keyCode === $.ui.keyCode.TAB && $( this ).data( "autocomplete" ).menu.active ) { event.preventDefault(); } }) .autocomplete({ minLength: 1, source: function( request, response ) { response( $.ui.autocomplete.filter( availableTags, extractLast( request.term ) ) ); }, focus: function() { return false; }, select: function( event, ui ) { var terms = split( this.value ); terms.pop(); terms.push( ui.item.value ); terms.push( "" ); this.value = terms.join( ", " ); return false; } }); }); }); </script>
Adjunto imagen: