¡Hola Amigos!
En un campo autocomplete, hecho del siguiente modo:
Código:
<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>
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?
Adjunto imagen:
