Ver Mensaje Individual
  #2 (permalink)  
Antiguo 09/03/2016, 14:52
TrinityCore
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 9 años, 3 meses
Puntos: 12
Respuesta: encontrar formulario para página web

Bueno es sencillo en cierto modo.

Ejemplo:

Código HTML:
<form id='formu' method='post' autocomplete='off'>
<table>
	<tr>
		<td>Metros Cuadrados:</td>
		<td><input type='text' name='m2' /></td>
	</tr>
	<tr>
		<td>Material:</td>
		<td><select name='mat'>
		<option>Metal</option>
		<option>Madera</option>
		<option>Plastico</option>
		</select></td>
	</tr>
	<tr>
		<td></td>
		<td><input type='button' id='calcular' value='Calcular Costo' /></td>
	</tr>
</table>
</form>
<div id='resultado'></div> 

Ahora lo que hacemos es recojer los valores de dichos campos y calcularlos segun que haya seleccionado o ingresado el usuario.
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     $("#calcular").on("click", function(){
  3.         var Material = $("select[name='mat']").val(); //----> obtenemos el material seleccionado.
  4.         switch(Material){
  5.             case "Metal": //----> En caso de seleccionar metal.
  6.             Material = 100; //----> $100 por trabajar en metal.
  7.             break;
  8.            
  9.             case "Madera": //----> En caso de seleccionar madera.
  10.             Material = 60; //----> $60 por trabajar en madera.
  11.             break;
  12.            
  13.             case "Plastico": //----> En caso de seleccionar plastico.
  14.             Material = 10; //----> $10 por trabajar en plastico.
  15.             break;
  16.         }
  17.         var MetrosCuadrados = $("input[name='m2']").val(); //----> obtenemos los m2 que el usuario haya ingresado.
  18.        
  19.         MetrosCuadrados = MetrosCuadrados*200; //----> Suponiendo que el precion por m2 es $200.
  20.        
  21.         var CostoTotal = MetrosCuadrados+Material; //----> Sumamos todo los precios.
  22.        
  23.         $("#resultado").html("El costo total es de $"+CostoTotal+""); //----> Mostramos el resultado de la suma.
  24.     });
  25. });

Espero que te ayude, es una de la soluciones que se me ocurre con Jquery.