Autocompletamento a "cascata"

Nicola72

Nuovo Utente
18 Gen 2015
3
0
0
Salve a tutti, ho questo problema da risolvere:
In un form ho 3 campi input di tipo text: "genere", "marca" e "modello", per inserire dati di prodotti.

Ho trovato un widget che permette di eseguire l'auto-completamento di campi, in modo simile ai suggerimenti forniti da Google, si chiama Ui Autocomplete.

Pur non essendo molto pratico di jquery, non ho riscontrato difficoltà a far eseguire l'autocompletamento ai 3 campi, adesso però vorrei che i suggerimenti sul campo modello, dipendano dai dati inseriti sui campi "genere" e "marca", ad es. se nel campo "genere" scrivo 'cellulare' e nel campo "marca", scrivo 'nokia', nel campo modello i suggerimenti devono limitarsi esclusivamente ai cellulari Nokia e non a tutti i modelli.

I dati devo prelevarli da un database, ho preso spunto da questa pagina: http://forum.it.altervista.org/how/...campo-dati-remoto-db-con-php-json-jquery.html

Il codice che ho implementato io su consiglio di un amico è questo:

-------------

$(document).ready(function($) {
var gen= $('#genere');
var mar= $('#marca');
var mode= $('#modello');
$('#modello').autocomplete (
{
source:
function(request, response) {
$.ajax({
url:"http://localhost/cashfund_locale/pages/ordini/cerca_prodotto.php?gen=' + gen.val() + '&mar=' + mar.val() + '&mode=' + mode.val()",
method: 'get',

data: { gen: gen.val(), mar: mar.val(), mode: mode.val() },
success: function( data ) {
response( $.map( data, function( item ) {
return item.label;
}));
}

});
},
minLength:2
}
)
});

---------------

Il codice non funziona, poichè l'auto-completamento funziona solo sui campi "genere" e "marca" e non sul campo "modello", dalla consolle degli errori di Chrome, appare questo messaggio:

Uncaught TypeError: Cannot use 'in' operator to search for '44' in [{"value":"stylus s20","label":"stylus s20"}]

Io ho poca dimestichezza con jquery, come dovrei procedere per risolvere questo problema?

Grazie in anticipo
 
Discussioni simili
Autore Titolo Forum Risposte Data
R autocompletamento textBox da DB con JSP Ajax 4
elpirata [RISOLTO][Javascript] Datapicker e autocompletamento campo input Javascript 2
F Autocompletamento dei campi di una pagina jQuery 4
MarcoGrazia campo con autocompletamento a formato multiplo (nomi/date) jQuery 3
N form autocompletamento jQuery 1
A Ricerca con autocompletamento ajax Javascript 2
M box di ricerca con autocompletamento PHP 1
Emix Problema con autocompletamento e nuovi campi.... Ajax 12
W Autocompletamento input text Javascript 3
R Caselle combinate in cascata Presentati al Forum 1
Alex_70 Inserimento dati a cascata PHP 204
A [PHP] select a cascata regione province e comuni PHP 5
filomeni Switch in cascata Reti LAN e Wireless 22
E Problemi con menù a cascata HTML e CSS 0
Monital ciclo di un menu a cascata in una tabella PHP 8
H Select e Checkbox in cascata. PHP 29
K [RISOLTO] Menù orizzontale a cascata verticale HTML e CSS 5
A Rete composta da due router in cascata Reti LAN e Wireless 1
U Estrazione dati da un db con un menu selezione in cascata PHP 6
I Problema Menù a cascata complesso HTML e CSS 4
P Select in cascata Javascript 6
Z menu a cascata (o discesa) in Dhtml: l'uso di Fireworks Javascript 0
N Menu A Cascata Dinamico PHP 0
S Menù a cascata orizzontale Javascript 4

Discussioni simili