Hola
A efectos prácticos es lo mismo. Te he montado este otro
Código javascript
:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="http-equiv" content="Content-type: text/html; charset=UTF-8"/>
<script type="text/javascript">
function funcion(sel1,sel2) {
var unidad = 50;
if (sel1 == "") {metros = document.pedidos.metros.options[document.pedidos.metros.selectedIndex].value;} else { metros = sel1;}
if (sel2 == "") {cantidad = document.pedidos.cantidad.options[document.pedidos.cantidad.selectedIndex].value;} else { cantidad = sel2;}
var total = parseInt((parseFloat(metros)*unidad)*cantidad);
document.getElementById("total").value = total;
}
</script>
</head>
<body>
<form name="pedidos">
Metros Cuadrados <select name="metros" id="metros" onchange="funcion(this.options[this.selectedIndex].value,'');">
<option value="0">METROS</option>
<option value="1">100x100</option>
<option value="1.5">150x150</option>
<option value="2">200x200</option>
<option value="2.5">250x250</option>
<option value="3">300x300</option>
</select>
<br />
Cantidad <select name="cantidad" id="cantidad" onchange="funcion('',this.options[this.selectedIndex].value);">
<option value="0">CANTIDAD</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<br />
Total <input type="text" id="total" value="0" />
</form>
</body>
</html>
Suerte