Carlita

Just another Blog de ESPOL weblog

JQuery autocomplete links

noviembre12

=O suuper! si quieren que el autocomplete sea linkeable, agregar evento select e indicar enlace

$( "#project" ).autocomplete({
  minLength: 0,
  source: projects,
  focus: function( event, ui ) {
  $( "#project" ).val( ui.item.label );
	return false;
  },
  select: function( event, ui ) {
  //aqui todo codigo 
  //ejemplo1  --->setear imagen u otros atributos de elementos
  $( "#project" ).val( ui.item.label );
  $( "#project-id" ).val( ui.item.value );
  $( "#project-description" ).html( ui.item.desc );
  $( "#project-icon" ).attr( "src", "images/" + ui.item.icon );                                

  //ejemplo2  --->setear imagen u otros atributos de elementos
  window.location.href = ui.item.value;

  return false;
  }
  })
  .data( "autocomplete" )._renderItem = function( ul, item ) {
    return $( "<li></li>" )
    .data( "item.autocomplete", item )
    .append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
    .appendTo( ul );
  };

Fuentes:

posted under Uncategorized

Email will not be published

Website example

Your Comment: