Hola.
Vereis tengo un problema no consigo que el imput "Coste_Bruto" me muestre el calculo correctamente.
De entrada me debería mostrar un valor de "300" ya que el select "impresión" esta seleccionado de entrada en 2 caras y me muestra "0"
Cuando cambio el select y selecciono 1 Cara debería mostrarme "150" el valor de la impresión es de 10 x 15 = 150 y me muestra 300 y cuando selecciono 2 Caras el valor de la impresión es de 20 x 15 = 300 y me muestra 150.
¿Que es lo que estoy haciendo mal?
Os agradecería vuestra ayuda, este es el código que tengo, simplificado.
Código:
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<script type="text/javascript">
function calcular() {
var impresion = document.getElementById("costeimpresion").value;
var costebruto = parseFloat(document.getElementById("Coste_Bruto").value = impresion*15);
if (document.getElementById('impresion').value == 1)
{document.getElementById('labelimpresion').value ='Impresas a 1 Cara';
document.getElementById('costeimpresion').value = 10;}
else if(document.getElementById('impresion').value == 2)
{document.getElementById('labelimpresion').value ='Impresas a 2 Caras';
document.getElementById('costeimpresion').value = 20;}
}
</script>
</head>
<body onload="calcular();">
<form method="POST" action="" name="form">
<div id="Impresion">
<select name="impresion" id="impresion" class="select1" onFocus="foco(this);" onBlur="no_foco(this);" autocomplete="off" onchange="calcular();">
<option value="1">1 Cara</option>
<option value="2" selected>2 Caras</option>
</select>
</div>
<input style="border:none" type="text" id="labelimpresion"/>
<input style="border:none" type="text" id="costeimpresion"/>
<input style="border:none" type="text" id="Coste_Bruto" value=""/>
</form>
</div>
</body>
</html>
GRACIAS