Valori elementi di Menù a tendina

**lume70** · 15-01-2013, 12:23

Salve a tutti,
premetto che sono neofita ma con tanta buona volontà.
Quello che devo realizzare è una pagina con una serie di menù di scelta (radio button) contenente vari elementi.
Ci sarà un primo menù a tendina dove si potrà scegliere l'articolo (articoloA, articoloB, etc..)
Poi un secondo menù dove si può scegliere la taglia (piccola, media, grande)
E un terzo menù dove si sceglie la quantità (1, 2, 3...)
In conclusione ci deve essere un bottone che calcola un prezzo in base alle scelte fatte.
L'impaginazione e creazione dei menù sono riuscito a fare, mentre scrivere lo script che esegue la funzione no.
Non so come assegnare i valori agli elementi del menù per poter poi eseguire lo script.

Sapete darmi qualche info in merito?

Grazie mille.

**carlomarx** · 15-01-2013, 16:23

posta l'HTML del form

**lume70** · 15-01-2013, 16:54

codice:

 </p><h3>Articoli</h3>
  		  

</p> <select name="art" class="required" id="select">   
<option selected="selected" value="">Seleziona l'articolo</option>
   <option value="10">Articolo A   </option>
<option value="15">Articolo B   </option>
   <option value="20">Articolo C   </option>
   </select>    

<select name="size" class="required" id="select">   <option selected="selected" value="">Seleziona la dimensione</option>
   <option value="2">piccola  </option>
<option value="2,5">medio   </option>   
<option value="3">grande   </option>   
</select>    
<select name="number" class="required" id="select">   <option selected="selected" value="">Seleziona la quantità</option>   
<option value="1">una  </option>
<option value="2">due   </option>   
<option value="3">tre   </option>   
</select>

Al momento sono riuscito a fare questo, cercando di dare un valore ai vari elementi dei menù
Ora vorrei creare un pulsante che mi moltiplica i valori delle scelte che ho fatto.

**lume70** · 15-01-2013, 18:52

Pubblico di nuovo il codice dopo qualche modifica e impaginandolo un pò meglio.
In pratica nn riesco a creare la function javascript che prende i valori degli elementi selezionati e faccia la moltiplicazione.

codice:

<html>  
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>Articoli
</title> 
</head>  
<body> 
<script language="javascript"> 
function calc() 
{ 
a=eval(document.arti.selected.value); 
b=eval(document.Size.selected.value); 
c=eval(document.Numb.selected.value);   
}  
</script> 


 		  
</p>
<h3>Articoli</h3>  		  



</p> 
<form name="arti"> 
<select name="art" class="required" id="select">   
<option selected="selected" value="">Seleziona l'articolo   
</option>   
<option value="10">Articolo A   
</option>   
<option value="15">Articolo B   
</option>   
<option value="20">Articolo C   
</option>   
</select>   
</form>      

<form name="Size"> <select name="size" class="required" id="select">   
<option selected="selected" value="">Seleziona la dimensione   
</option>   
<option value="2">piccola     
</option>   
<option value="2,5">medio     
</option>   
<option value="3">grande   
</option>   
</select>   
</form>         
<form name="Numb">  <select name="number" class="required" id="select">   
<option selected="selected" value="">Seleziona la quantità   
</option>   
<option value="1">una     
</option>   
<option value="2">due   
</option>   
<option value="3">tre   
</option>   
</select>   
</form> 

<input type="text" name="risultato" /> 
<input type="button" value="Calcola" onclick="calc()"/>   
</body>  
</html>

Discussione: Valori elementi di Menù a tendina

Strumenti discussione

Ricerca discussione

Visualizza

Valori elementi di Menù a tendina

Permessi di invio