ayuda con html

hola a todos aber si alguien me puede hechar una mana con un formulario de pedidos que estoy que estoy realizando el código del formulario es el siguiente
<form action="Pedidos.php" method="POST" accept-charset="utf-8" role="form" name="formcontacto" id="formcontacto">

<div class="section" id="section1">
   <div class="slide" data-anchor="contacto">
      <div class="container">
            <div class="well">
               <div class="page-header">
                  <h2 class="text-right"><span style="color: rgb(88, 122, 41)">Formulario de Pedidos.</span></h2>
                  <p>&nbsp;</p>
               </div>
               <div class="row">
               <form action="pedidos.php" method="post" accept-charset="utf-8" role="form" name="formcontacto" id="formcontacto">
                     <div class="col-lg-4 col-md-4 col-lg-offset-1 col-sm-6 col-xs-6">
                        <div id="fgnombre">
                           <label class="control-label" for="nombre">Nombre                           </label>
                           <input type="text" class="form-control" id="nombre" name="nombre" placeholder="Nombre" onkeyup="validarNombre(this.id)" required>
                           <span id="spnombre" class=""></span>
                        </div>
                 </div>
                     <div class="col-lg-4 col-md-4 col-lg-offset-2 col-sm-6 col-xs-6">
                        <div id="fgapellidos" class="form-group">
                          <p>
                            <label class="control-label" for="apellidos">Apellidos</label>
                            <input type="text" class="form-control" id="apellidos" name="apellidos" placeholder="Apellidos" onkeyup="validarNombre(this.id)" required>
                            <span id="spapellidos" class=""></span></p>
                        </div>
                     </div>
                     <div class="col-lg-4 col-md-4 col-lg-offset-1 col-sm-6 col-xs-6">
                       <div id="fgemail" class="form-group">
                         <p>
                           <label class="control-label" for="email">Email                           </label>
                            <input type="email" class="form-control" id="email" name="email" placeholder="Email" onkeyup="validarEmail(this.id);" required>
                          <span id="spemail" class=""></span></p>
                        </div>
                     </div>
                     <div id="fgtlf" class="form-group">
                        <p>
                          <label class="control-label" for="tlf">Teléfono de contacto                          </label>
                          <input type="text" class="form-control" id="tlf" name="tlf" placeholder="Teléfono de contacto" onkeyup="validarTlf(this.id)">
                         <span id="sptlf" class=""></span></p>
             <div>
               <p>Precesador
                 <select name="Procesador" class="form-control" id="Procesador" name="Procesador" placeholder="procesador"  onkeyup="validarprocesador(this.id)" required>>
                   <option value="1">i5 3.4ghz</option>
                   <option value="2">I7 3,5ghz</option>
                   
  1
                 </select>
                 <span style="text-align: center">
             
             Memoria ram
             <select name="Memoria_ram" class="form-control" id="Memoria_ram" name="Memoria_ram" placeholder="Memoria_ram"  onkeyup="validar_memoria_ram(this.id)" required>>
               <option>2 GB DDR3 1600mhz</option>
               <option>4 GB DDR3 1600Mhz</option>
               <option>2 GB DDR3 1800Mhz</option>
               <option>4 GB DDR3 1800Mhz</option>
             </select>
           
                 </span><span style="text-align: right">Disco duro
               <select name="Disco_duro" required class="form-control" id="Disco_duro" name="Disco_duro" placeholder="Disco_duro"  onkeyup="validardisco_duro(this.id)" required>>
                 <option>250 Gb</option>
                 <option>500 GB</option>
                 <option>1000 GB</option>
                 <option>2000 GB</option>
               </select>
               
               </p>
               </span>                                 
               </div>
                 </div>
                     
                      <div>aqui meter precio</div>
                     
                     <div class="col-lg-4 col-md-4 col-lg-offset-1 col-sm-6 col-xs-6">
                       <div id="fgdni" class="form-group"></div>
                     </div>
                     <div class="col-lg-10 col-md-10 col-lg-offset-1 col-sm-6 col-xs-6">
                        
                     </div>
                     <div class="col-lg-10 col-md-10 col-lg-offset-1">
                        <div class="form-group">
                           <label class="control-label" for="mensaje"><br>
                             Mensaje<br>
                          </label>
                           <textarea name="mensaje" cols="50" rows="10" required class="form-control" id="mensaje" placeholder="Escríbenos tu mensaje."></textarea>
                        </div>
                     </div>
                     <div class="col-lg-4 col-md-4 col-lg-offset-1">
                        
                     </div>
                     <div class="col-lg-4 col-md-4">
                        <div class="form-group">
                           <div class="ui-group-buttons">
                              <button id="enviar" type="sumbit" class="btn btn-lg btn-success disabled">Enviar</button>
                              <button type="reset" class="btn btn-lg btn-danger">  Borrar</button>
                              </div>
                        </div>
                     </div>


encima de mensaje en la etiqueta div me gustaría que saliese un valor en relaccion con lo que se marque en los desplegables es decir si marcan un i7 que yo le de un valor de 80€ por suponer un hdd de 20€ y ram de 30€ que dentro de la etiqueta div salga el total de esa suma pero no salga nada si marcan solo el i7 o uno de los componentes que sea necesario elegir los 3 si es posible de alguna forma espero me podáis ayudar y si hay algo que mejoraríais del código decírmelo quiero que quede bien
un saludo
Con JS recoges el valor que tienen en el form, lo sumas, y luego usando DOM lo escribes dónde te interese.
2 respuestas