Richiama descrizione da menù

Jackysan

Nuovo Utente
1 Mar 2021
5
0
1
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

Utente Attivo
28 Set 2020
57
5
8
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

Nuovo Utente
1 Mar 2021
5
0
1
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

Utente Attivo
28 Set 2020
57
5
8
Forse è piu semplice se posti il codice che hai fatto e indichi meglio il risultato finale a cui vuoi arrivare...
 

illiterate2020

Utente Attivo
28 Set 2020
57
5
8
comunque penso che quello che cerchi è piu o meno questo
Codice:
<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

Utente Attivo
28 Set 2020
57
5
8
cosi
Codice:
<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
 

Jackysan

Nuovo Utente
1 Mar 2021
5
0
1
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.


screen02.jpg
screen01.jpg
 

Jackysan

Nuovo Utente
1 Mar 2021
5
0
1
...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

Utente Attivo
28 Set 2020
57
5
8
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.
 
Discussioni simili
Autore Titolo Forum Risposte Data
trattorino css solo se richiama un class di un div HTML e CSS 1
B Richiama variabili in modo dinamico PHP 3
Shyson Input non richiama immagine HTML e CSS 5
M valore variabile che richiama immagine PHP 2
Shyson Non richiama funzione all'onbblur Javascript 7
F Problemi con Explorer su uno script Ajax che richiama un asp Ajax 0
6 swf che richiama xml non visibile da pagine in altre cartelle Flash 0
P Prodotti, foto, titolo e descrizione E-Commerce 0
M Estrarre soltanto i prodotti con stessa descrizione PHP 10
O Descrizione di altro sito sulla ricerca del mio SEO e Posizionamento 0
max_400 upload di foto con descrizione PHP 6
M Form - inserire titolo, descrizione ed IMMAGINE PHP 2
A [RISOLTO] Passaggio di valori con GET tra una immagine e una descrizione PHP 7
A descrizione con immagini e link file pdf MySQL 4
F Anteprima descrizione WordPress 1
Matteo Collina Apertura automatica della descrizione del prodotto? HTML e CSS 0
S Titolo e descrizione HTML e CSS 3
P ????Parent Directory????? PROBLEMI DI DESCRIZIONE SU GOOGLE HTML e CSS 1
F Home page: tutte le pagine con le stesse intestazioni: title, descrizione, keywords? HTML e CSS 1
F aggiungere descrizione prodotto nel db PHP 0
S limitare campo descrizione PHP 42
V Creare un riquadro che contenga immagine e descrizione HTML e CSS 5
R 2 linguaggi per descrizione, keywords, titolo pagina, nome sito SEO e Posizionamento 2
A Perfezionare un Generatore di ricette casuale [descrizione CON FOTO PHP 37
asevenx descrizione sito su google HTML e CSS 1
M gestione foto e descrizione PHP 24
F [Vendo] Link Diretto con descrizione in Home page Vendere e Acquistare pubblicita' online 5
X Google e la descrizione!!! SEO e Posizionamento 1
I descrizione auto PHP 3
L Google: indicizzazione senza descrizione. Perchè?! SEO e Posizionamento 2
A inviatemi la descrizione dei vostri servizi gratuiti Presenta il tuo Sito 0
G Elementi Menù orizzontali HTML e CSS 2
psikolele Dropdown menù HTML e CSS 2
G Menù a tendina di ricerca con query PHP 1
F menù select dinamico da db in php PHP 3
L Menù con switch case C/C++ 1
Z Menù di navigazione responsivo HTML e CSS 0
R Barra del menù principale decentrata Joomla 4
M Stringa con spazi nel menù a tendina PHP 4
A Menù a tendina collegato a database PHP 13
D Aumentare i sublevel del menù del theme Webdesign e Grafica 1
Tommy03 Contenitore non si nasconde dietro al menù HTML e CSS 1
Tommy03 Due menù nella stessa app Sviluppo app per Android 0
C [PHP] Form con Inserimento dati dalla maschera e un menù a discesa che prende i dati dal db PHP 1
C [PHP] Form inserimento più menù a discesa PHP 9
V Menù CSS da file in cartella esterna HTML e CSS 4
W [Javascript] [HTML] menù responsive fisso Javascript 2
S [PHP] menù a tendina che stampi voce scelta in precedenza PHP 1
F [HTML] Responsive menù CMS (Content Management System) 0
A [PHP] menù con links esterni PHP 6

Discussioni simili