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.