A ver si asi lo querias:
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript" type="text/javascript">
function sumar()
{
var resultado = 0;
resultado = ( parseInt(document.getElementById('tamanio').value) + parseInt(document.getElementById('color').value) ) * parseInt(document.getElementById('cantidad').value );
document.getElementById('resultado').value = resultado;
document.getElementById('porc_res').value = resultado * parseInt(document.getElementById('porcentaje').value)/100;
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<p>Suma en tiempo real: <br>
Tipo de producto:
<label>
<select name="select">
</select>
</label>
</p>
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Tipo de producto:</td>
<td><select name="tamanio" id="tamanio" onChange="sumar();">
<option value="0">Elija </option>
<option value="10">tamanio1</option>
<option value="20" selected>tamanio2</option>
<option value="30">tamanio3</option>
</select></td>
</tr>
<tr>
<td>Color:</td>
<td><select name="color" id="color" onChange="sumar();">
<option value="0">Elija </option>
<option value="10" selected>color1</option>
<option value="20">color2</option>
<option value="30">color3</option>
<option value="1000">color4</option>
</select></td>
</tr>
<tr>
<td>Cantidad: </td>
<td><select name="cantidad" id="cantidad" onChange="sumar();">
<option value="0" selected>Elija </option>
<option value="1">cantidad1</option>
<option value="2">cantidad2</option>
<option value="3">cantidad3</option>
</select></td>
</tr>
<tr>
<td>Porcentaje:</td>
<td><select name="select3" id="porcentaje" onChange="sumar();">
<option value="0" selected>Elija </option>
<option value="25">25%</option>
<option value="35">35%</option>
</select></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type="text" id="porc_res"></td>
</tr>
<tr>
<td>TOTAL:</td>
<td><input name="resultado" type="text" id="resultado"></td>
</tr>
</table>
</form>
</body>
</html> Y aquí una
muestra.