Operazioni tra campi di un form html

zioweb · 7 Mag 2016

Buongiorno, chi mi può aiutare? ho creato un modulo ordini per il nostro club, il modulo in se stesso funziona, solo che avrei bisogno di inserire un campo che mi riporti il totale spese per ogni articolo, alla fine un totale generale ed un totale con spese spedizione (se, 10 euro) ma non so come fare ..
Di seguito il codice del Form...
Se qualcuno mi può aiutare ve ne sarò grato...

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="/FORM/newform/view.css" media="all" / > 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script type="text/javascript" src="/FORM/newform/view.js"></script>

<link href="FORM/newform/view.css" rel="stylesheet" type="text/css" />
</head>
<body id="main_body" >

	<img src="/FORM/newform/top.png" alt="" height="31" id="top" />
	<div id="form_container">
	
		<h1>&nbsp;</h1>
		
      <form id="ordini" name="ordini" method="post" action="/ordini.php">
		
		<div class="form_description">
			<h2 align="center">Modulo Ordini da Boutique </h2>
		  <p align="center">Si prega di compilare tutti i campi.</p>
		</div>		
		  
		<label class="description" for="element_2">Generalità </label>
		
		<div>
        <label for="element_2_1" >Nome Cognome</label><br />
			<input id="element_2_1" name="element_2_1" class="element text medium" value="" type="text" />
			</div>
	<br />

		<div>
		
			<label for="element_2_2">Indirizzo</label>	<br />            
		<input id="element_2_2" name="element_2_2" class="element text medium" value="" type="text" />
        </div>
	<br />

		<div class="left">
        <label for="element_2_3">CAP e Citta</label><br />
			<input id="element_2_3" name="element_2_3" class="element text medium" value="" type="text" />
		</div>
	<br />

		<div class="right">
        <label for="element_2_4">Email</label><br />
			<input id="element_2_4" name="element_2_4" class="element text medium" value="" type="text" />

			
		</div>
	<br />
		<div class="left">
        <label for="element_2_5">Telefono</label><br />
        <input id="element_2_5" name="element_2_5" class="element text medium" maxlength="15" value="" type="text" /><br />

<br />

		</div>
			
<ul>
   <li id="Articolo001"  >
        <label class="description" for="element_3">Art.001 Libro Fiat Prezzo: 15,00 €<br /> </label>
        <label>Quantita
			<select name="Quantita001" id="Quantita">
			<option selected="selected">0</option>
			<option>1</option>
			<option>2</option>
			<option>3</option>
			<option>4</option> 
			<option>5</option>
			</select>
        </label>
    </li>
</ul>

<ul>
     <li id="Articolo002"  >
            <label class="description" for="element_4">Art.002 Mini Trofeo b20 Prezzo: 30,00 € <br /></label>
            <label>Quantita
				<select name="Quantita002" id="Quantita">
				<option selected="selected">0</option>
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option> 
				<option>5</option>
	     		</select> </label>
     </li>
</ul>
    
<ul>
	 <li id="Articolo003"  >
			<label class="description" for="element_5">Art.003 Felpa Manica Lunga logo b20 Prezzo: 32,00 € <br />
	        </label>
			<label>Taglia
				<select name="Taglia003a" id="Taglia">
				<option selected="selected">_</option>
				<option>S</option>
				<option>M</option>
				<option>L</option>
				<option>XL</option>
				<option>XXL</option>
			</select>
		    </label>
			<label>Colore
				<select name="Colore003a" id="Colore">
				<option selected="selected">_</option><option>Bianco</option>
				<option>Blu</option>
			    </select>
			</label>
			<label>Quantita
				<select name="Quantita003a" id="Quantita">
				<option selected="selected">0</option>
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option> 
				<option>5</option>
				</select>
			</label><br />
			<label>Taglia
				<select name="Taglia003b" id="Taglia">
				<option selected="selected">_</option>
				<option>S</option>
				<option>M</option>
				<option>L</option>
				<option>XL</option>
				<option>XXL</option>
				</select>
			</label>
			<label>Colore
				<select name="Colore003b" id="Colore">
				<option selected="selected">_</option><option>Bianco</option>
				<option>Blu</option>
			    </select>
			</label>
			<label>Quantita
				<select name="Quantita003b" id="Quantita">
				<option selected="selected">0</option>
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option> 
				<option>5</option>
				</select>
			</label>
        </li>	
</ul>
		
<ul>
		<li id="Articolo004F"  >
            <label class="description" for="element_6">Art.004-F Polo manica corta logo b20 donna
            Prezzo: 32,00 € <br /> 
            </label>
            <label>Taglia
				<select name="Taglia004fa" id="Taglia">
				<option selected="selected">_</option>
				<option>S</option>
				<option>M</option>
				<option>L</option>
				<option>XL</option>
				<option>XXL</option>
				</select>
			</label>
			<label>Colore
				<select name="Colore004fa" id="Colore">
				<option selected="selected">_</option> <option>Bianco</option>
				<option>Blu</option>
				</select>
			</label>
			<label>Quantita
				<select name="Quantita004fa" id="Quantita">
				<option selected="selected">0</option>
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option> 
				<option>5</option>
				</select> 
			</label><br />

			<label>Taglia
				<select name="Taglia004fb" id="Taglia">
				<option selected="selected">_</option>
				<option>S</option>
				<option>M</option>
				<option>L</option>
				<option>XL</option>
				<option>XXL</option>
				</select>
			</label>
			<label>Colore
				<select name="Colore004fb" id="Colore">
				<option selected="selected">_</option><option>Bianco</option>
				<option>Blu</option>
				</select>
			</label>
			<label>Quantita
				<select name="Quantita004fb" id="Quantita">
				<option selected="selected">0</option>
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option> 
				<option>5</option>
				</select>
			</label>
      </li>
</ul>
		
<ul>
	      <li id="Articolo004M"  >
			<label class="description" for="element_7">Art.004-M Polo manica corta logo b20 Uomo Prezzo: 32,00 €<br />
			</label>
            <label>Taglia
              <select name="Taglia004ma" id="taglia2">
              <option selected="selected">_</option>
			  <option>S</option>
              <option>M</option>
              <option>L</option>
              <option>XL</option>
              <option>XXL</option>
			  </select>
            </label>
            <label>Colore
              <select name="Colore004ma" id="Colore2">
              <option selected="selected">_</option><option>Bianco</option>
              <option>Blu</option>
              </select>
            </label>
			<label>Quantita
				<select name="Quantita004ma" id="Quantita">
				<option selected="selected">0</option>
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option> 
				<option>5</option>
				</select> 
			</label><br />
			<label>Taglia
				<select name="Taglia004mb" id="Taglia">
				<option selected="selected">_</option>
				<option>S</option>
				<option>M</option>
				<option>L</option>
				<option>XL</option>
				<option>XXL</option>
				</select>
			</label>
			<label>Colore
				<select name="Colore004mb" id="Colore">
				<option selected="selected">_</option><option>Bianco</option>
				<option>Blu</option>
				</select>
			</label>
			<label>Quantita
				<select name="Quantita004mb" id="Quantita">
				<option selected="selected">0</option>
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option> 
				<option>5</option>
				</select>
			</label>
         </li>
</ul>
	     
<ul>
          <li id="Articolo005"  >
            <label class="description" for="element_8">Art.005 Sub-Way Prezzo: 47,00 €  <br />            
            </label>
            <label>Taglia
				  <select name="Taglia005a" id="taglia">
				  <option selected="selected">_</option>
				  <option>S</option>
				  <option>M</option>
				  <option>L</option>
				  <option>XL</option>
				  <option>XXL</option>
					</select>
            </label>
            <label>Colore
				<select name="Colore005a" id="Colore">
				<option selected="selected">_</option><option>Bianco</option>
				<option>Blu</option>
				</select>
            </label>
			<label>Quantita
				<select name="Quantita005a" id="Quantita">
				<option selected="selected">0</option>
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option> 
				<option>5</option>
				</select> 
			</label><br />
			<label>Taglia
				<select name="Taglia005b" id="Taglia">
				<option selected="selected">_</option>
				<option>S</option>
				<option>M</option>
				<option>L</option>
				<option>XL</option>
				<option>XXL</option>
				</select>
			</label>
			<label>Colore
				<select name="Colore005b" id="Colore">
				<option selected="selected">_</option><option>Bianco</option>
				<option>Blu</option>
				</select>
			</label>
			<label>Quantita
				<select name="Quantita005b" id="Quantita">
				<option selected="selected">0</option>
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option> 
				<option>5</option>
				</select>
			</label>
</li>
</ul>

<ul>
          <li id="Articolo006"  >
            <label class="description" for="element_9">Art.006 Scaldacollo uisex bci Prezzo: 10,00 €<br /> 
			</label>            
            <label>Quantita
				<select name="Quantita006" id="Quantita">
				<option selected="selected">0</option>
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option> 
				<option>5</option>
				</select>   
			</label>
            <br />
          </li>     
          <li id="Articolo007"  >
            <label class="description" for="element_10">Art.007 Power Bank bCI Prezzo: 15,00 €  <br /> 
			</label>
            <label> Quantita
					<select name="Quantita007" id="Quantita">
					<option selected="selected">0</option>
					<option>1</option>
					<option>2</option>
					<option>3</option>
					<option>4</option> 
					<option>5</option>
					</select>
			</label>
            <br />
          </li>
		  <li id="Articolo008"  >
			   <label class="description" for="element_11">Art.008 berretto logo  Prezzo: 8,00 €<br />
			</label>
           <label>Quantita
				<select name="Quantita008" id="Quantita">
					<option selected="selected">0</option>
					<option>1</option>
					<option>2</option>
					<option>3</option>
					<option>4</option> 
					<option>5</option>
					</select> 
			</label>
</li>
</ul> 
<p>&nbsp;</p>        
        <p>
			<label>
			<input name="Invia" type="submit" id="invia" value="Invia" />
			</label>
       </p>
 	
		</form>	
		<div id="footer">xx </div>
</div>
</body>
</html>

-----

Max 1 · 7 Mag 2016

Primo esempio
Un discussione simile
Usamdo PHP

zioweb · 8 Mag 2016

mmh
grazie ora vedo se riesco ad abbinare una delle soluzioni al mio form..:crying:

Cerca

Cerca

Operazioni tra campi di un form html

zioweb

Utente Attivo

Max 1

Super Moderatore

zioweb

Utente Attivo

Discussioni simili