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$(document).ready(function(){
$("#calcular").on("click", function(){
var Material = $("select[name='mat']").val(); //----> obtenemos el material seleccionado.
switch(Material){
case "Metal": //----> En caso de seleccionar metal.
Material = 100; //----> $100 por trabajar en metal.
break;
case "Madera": //----> En caso de seleccionar madera.
Material = 60; //----> $60 por trabajar en madera.
break;
case "Plastico": //----> En caso de seleccionar plastico.
Material = 10; //----> $10 por trabajar en plastico.
break;
}
var MetrosCuadrados = $("input[name='m2']").val(); //----> obtenemos los m2 que el usuario haya ingresado.
MetrosCuadrados = MetrosCuadrados*200; //----> Suponiendo que el precion por m2 es $200.
var CostoTotal = MetrosCuadrados+Material; //----> Sumamos todo los precios.
$("#resultado").html("El costo total es de $"+CostoTotal+""); //----> Mostramos el resultado de la suma.
});
});
Espero que te ayude, es una de la soluciones que se me ocurre con Jquery.