Esempio con campi nascosti:

Premi "j" per aprire il menu a tendina. Dopo aver selezionato un elemento premi "CANC" per resettare il campo di input.



 
jQuery(document).ready(function(){
//handler dell'evento "keyup" per resettare i campi di input
$( "#project" ).live('keyup', function(){
if($( "#project" ).val().length==0){
$('#project-id').val("");
}
});
$( "#project" ).combogrid({
debug:true,
colModel: [{'columnName':'id','width':'10','label':'id'},
{'columnName':'name','width':'45','label':'title'},
{'columnName':'author','width':'45','label':'author'}],
url: '/server.php',
//handler dell'evento di selezione di un elemento per settare i valori nei rispettivi campi
select: function( event, ui ) {
$( "#project" ).val( ui.item.name );
$( "#project-id" ).val( ui.item.id );
return false;
}
});
});

Demo

Opzioni

jQuery Combogrid Plugin Project

Combogrid e' progettato, sviluppato e mantenuto da un solo programmatore.

In evidenza

Chiedi aiuto

Seguimi