Visualizzare costo prodotto!

[Eden85]

I relazione al mio topic:
http://forum.html.it/forum/showthrea...9#post11937079


vorrei sapere come fare a visualizzare in tempo reale il costo dei prodotti selezionabili nei menù a tendina.

Grazie

[adelefxxxbooob]

dove lo vuoi far visualizzare?
in un campo testo?

[Eden85]

vorrei semplicemente sia visibile,
modificando i parametri dei menù a tendina si veda il prezzo che cambia...poi deve essere inviato tramite method="post" in una mail!

[artorius]

allora, prendi le tue select ed aggiungi:

<select name="modello" id="modello" onchange="updatePrice()">
<option value="">---</option>
<option value="0">Modello 1</option>
<option value="1">Modello 2</option>
<option value="2">Modello 3</option>
</select>

<select name="spazio" id="spazio" onchange="updatePrice()">
<option value="">---</option>
<option value="0">Spazio 1</option>
<option value="1">Spazio 2</option>
<option value="2">Spazio 3</option>
</select> 

aggiungi un campo prezzo:

Prezzo Totale: <input type="text" name="prezzoTotale" id="prezzoTotale" value="0" /> 

prima devi far stampare a php un array JS con i prezzi, come quello che ti ho indicato in PHP:

echo "var prezzi = new Array();";

echo "prezzi[0] = new Array('prezzo spazio 1 su modello 1', 'prezzo su spazio 2 su modello 1', 'prezzo su spazio 3 su modello 1');";
echo "prezzi[1] = new Array('prezzo spazio 1 su modello 2', 'prezzo su spazio 2 su modello 2', 'prezzo su spazio 3 su modello 2');";
echo "prezzi[2] = new Array('prezzo spazio 1 su modello 3', 'prezzo su spazio 2 su modello 3', 'prezzo su spazio 3 su modello 3');"; 

Poi devi creare una funzione del tipo:

function updatePrice()
{
   var valueModello = parseInt(document.getElementById('modello').options[document.getElementById('modello').selectedIndex].value;)
   var valueSpazio = parseInt(document.getElementById('spazio').options[document.getElementById('spazio').selectedIndex].value;)

   document.getElementById('prezzoTotale').value = prezzi[valueModello][valueSpazio];
} 

[Eden85]

Purtroppo non sono riuscito a capire bene...mi dà un errore su questa stringa:

var valueModello = parseInt(document.getElementById('modello').options[document.getElementById('modello').selectedIndex].value;) 

Potresti postarmi il codice tutto insieme...forse sono io che sbaglio!

[artorius]

ma hai messo gli id ai select?

[Eden85]

Si...cosa sbaglio

[artorius]

function updatePrice() 
{ 
   var valueModello = parseInt(document.getElementById('modello').options[document.getElementById('modello').selectedIndex].value); 
   var valueSpazio = parseInt(document.getElementById('spazio').options[document.getElementById('spazio').selectedIndex].value); 

   document.getElementById('prezzoTotale').value = prezzi[valueModello][valueSpazio]; 
} 

c'era il ; dopo value, ma dentro la parentesi ( ) e dava errore.