Richiama descrizione da menù

[Jackysan]

Ciao a tutti!
Quello che sto cercando di realizzare è un pagina in cui sono presenti DUE DIV
Il Primo DIV contiene un menù a tendina, popolato con i nomi di vestiti già presenti del Database.
Il Secondo DIV contiene un riquadro in cui dovrebbe apparire la descrizione dei vestiti che vado a selezionare nel menù del primo DIV. Anche la descrizione di ogni vestito è già caricata nel Database, serve solo richiamarla nel modo corretto, tramite la selezione del nome del Vestito.

Sono riuscito a creare il menù a tendina dove posso selezionare i nomi dei vestiti. Purtroppo però mi manca il richiamo per poter popolare il secondo DIV.
Sono certo che si tratta di una funzione piuttosto semplice, ma non sono riuscito ad attuarla.

Se qualcuno potesse darmi una mano.
Grazie!

 

[illiterate2020]

Ciao tutto diventa semplice dopo che lo hai risolto...ad ogni modo se ho ben capito quello che vuoi fare non ti basta solo php ma ti serve un po di ajax magari utilzzando jquery,ma vado per ordine:
1)assicurati che vestiti e descrizioni siano legati da un id (ipotizzo che li hai in tabelle diverse del database)
2)poi devi catturare l'evento di selezione del vestito appunto con jquery e richiamare in modo asincrono un file php che ti faccia una query al db per recuperare la descrizione del vestito sfruttando l'id del vestito selezionato nel primo div,il risultato di questa query lo mostri nel secondo div .
Per poterlo fare devi necessariamente studiare un po di jquery o ajax.

 

[Jackysan]

Ciao tutto diventa semplice dopo che lo hai risolto...ad ogni modo se ho ben capito quello che vuoi fare non ti basta solo php ma ti serve un po di ajax magari utilzzando jquery,ma vado per ordine:
1)assicurati che vestiti e descrizioni siano legati da un id (ipotizzo che li hai in tabelle diverse del database)
2)poi devi catturare l'evento di selezione del vestito appunto con jquery e richiamare in modo asincrono un file php che ti faccia una query al db per recuperare la descrizione del vestito sfruttando l'id del vestito selezionato nel primo div,il risultato di questa query lo mostri nel secondo div .
Per poterlo fare devi necessariamente studiare un po di jquery o ajax.

Ciao e grazie per la risposta.
La tabella "vestiti" nel data base ha come campi: id_vestiti, nome, descrizione. Ma la tabella è una sola.
Purtroppo non sono molto esperto, speravo ci fosse una funzione semplice per richiamare nel secondo div, la descrizione del vestito selezionato nella tendina.
C'è qualche esempio da cui posso partire e modificare poi per le mie esigenze?

Grazie!

 

[illiterate2020]

Forse è piu semplice se posti il codice che hai fatto e indichi meglio il risultato finale a cui vuoi arrivare...

 

[illiterate2020]

comunque penso che quello che cerchi è piu o meno questo

<select id="type">
    <option value="item1">item1</option>
    <option value="item2">item2</option>
    <option value="item3">item3</option>
</select>

<select id="size">
    <option value="">-- select one -- </option>
</select>

$(document).ready(function() {

    $("#type").change(function() {
        var val = $(this).val();
        if (val == "item1") {
            $("#size").html("<option value='test'>item1: test 1</option><option value='test2'>item1: test 2</option>");
        } else if (val == "item2") {
            $("#size").html("<option value='test'>item2: test 1</option><option value='test2'>item2: test 2</option>");

        } else if (val == "item3") {
            $("#size").html("<option value='test'>item3: test 1</option><option value='test2'>item3: test 2</option>");

        }
    });


});

dovrai popolare i vari val item 1 ,item2 con i nomi dei vestiti che ti vengono fuori dalla query e cambiare le option con le descrizioni corrispondenti...

 

[illiterate2020]

cosi

<select id="vestito">
    <option value="vestito1">vestito1</option>
    <option value="vestito2">vestito2</option>
    <option value="vestito3">vestito3</option>
</select>

<select id="descrizione">
    <option value="">-- select one -- </option>
</select>

$(document).ready(function() {

    $("#vestito").change(function() {
        var val = $(this).val();
        if (val == "vestito1") {
            $("#descrizione").html("<option value='descrizione1' selected>descrizione1</option><option value='descrizione2'>descrizione2</option>");
        } else if (val == "vestito2") {
            $("#size").html("<option value='descrizione1'>descrizione1</option><option value='descrizione2' selected>descrizione2</option>");

        }
    });


});

ci sono due select una con id vestito e una con id descrizione all'evento change delle prima select prendi il valore della prima select e lo confronti con il nome del vestito che ti esce dalla query e poi inietti con .html la descrizone corrispondente al nome del vestito...spero di essere chiaro ciao

 

[illiterate2020]

da notare il "selected" che ti seleziona la descrizione corrispondente ... ciao

 

[illiterate2020]

Fammi sapere se hai risolto buon pranzo!

 

[Jackysan]

Ho fatto due screen della situazione attuale. (la grafica è provvisoria, solo per far vedere i div) Come vedi ho un menù a tendina da cui pesco i vestiti (i numeri sono gli id, ma posso anche visualizzarli per nome, non cambia nulla)
Una volta selezionato il vestito da quella lunga lista, dovrebbe apparirmi nel riquadro sottostante la descrizione del vestito scelto.
la query iniziale Seleziona dalla tabella tutti i campi: id, nome, descrizione.
Il primo select quindi è perfetto e funzionante.
Mi manca solo la parte di codice che richiama la descrizione del vestito selezionato, da inserire sotto.

 

[illiterate2020]

...ti ho scritto la soluzione nei post precedenti ciao.

 

[Jackysan]

...ti ho scritto la soluzione nei post precedenti ciao.

Si ma io ho già tutti i vestiti e relative descrizioni caricati nel data base, mi pare assurdo dover inserire nel codice della pagina 40 stringhe per ogni singolo vestito e 40 per ogni singola descrizione.
Per questo non riesco ad adattare il codice che mi hai scritto con la situazione attuale che ho.
Comunque intanto ti ringrazio, ci lavorerò su e spero di trovare una soluzione! ;-)

 

[illiterate2020]

Come ti avevo scritto inizialmente puoi usare questa tecnica in base all'id fai una seconda query che ricava la descrizione in base all'id e la stampa nel div...

Ciao tutto diventa semplice dopo che lo hai risolto...ad ogni modo se ho ben capito quello che vuoi fare non ti basta solo php ma ti serve un po di ajax magari utilzzando jquery,ma vado per ordine:
1)assicurati che vestiti e descrizioni siano legati da un id (ipotizzo che li hai in tabelle diverse del database)
2)poi devi catturare l'evento di selezione del vestito appunto con jquery e richiamare in modo asincrono un file php che ti faccia una query al db per recuperare la descrizione del vestito sfruttando l'id del vestito selezionato nel primo div,il risultato di questa query lo mostri nel secondo div .
Per poterlo fare devi necessariamente studiare un po di jquery o ajax.