Muy buenas, que tal?
Estoy practicando-aprendiendo javascript y me ha surgido un pequeño problema. Os explico. Tengo tres select el cual escojo procesador, monitor y disco duro respectivamente. Lo que luego hago con esto es en su input text correspondiente mostrar el precio del elemento escogido, y para finalizar pulsando en un botón Calcular me muestra el precio de los elementos.
El problema que tengo es que he creado una función para obtener el nombre de cada select:
Código Javascript
:
Ver originalfunction obtieneName(name){
var nombreSelect = document.equipo.name;
return nombreSelect;
}
Para luego en cada función no tener que teclear todo el rato
var indice = document.equipo.name.selectedIndex y dejarlo que lo genere dicha función, pero cuando le paso la función obtieneName(name) a otra no me saca el nombre de ese select específico si no del formulario entero. Os dejo el código para que lo vean mejor:
Código Javascript
:
Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="es">
<head>
<!--
2 - Generar un presupuesto de un equipo de computación a partir de tres objetos de tipo SELECT que nos permiten seleccionar:
Procesador (Pentium III - $400, Pentium IV $500).
Monitor (Samsung 14' - $250, Samsung 15' - $350, Samsung 17' - $550)
Disco Duro(80 Gb - $300, 240 Gb - $440, 800 Gb - $500)
Para cada característica indicamos string a mostrar (Ej. Pentium III) y el valor asociado a dicho string (Ej. 400).
Al presionar un botón "Calcular" mostrar el presupuesto en un objeto de tipo TEXT.
-->
<title>Javascript</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
div{
margin:15px;
}
hr{
margin:25px 0;
}
</style>
<script type="text/javascript">
function obtieneName(name){
var nombreSelect = document.equipo.name;
return nombreSelect;
}
function muestraPrecioProce(name){
alert(obtieneName(name));
}
function muestraPrecioMonitor(){
}
function muestraPrecioDisco(){
}
function precioTotal(){
}
</script>
</head>
<body>
<h1>Arma tu equipo</h1>
<form name="equipo" method="post">
<div>
Procesadores
<select name="procesador" onChange="muestraPrecioProce(this.name)">
<option value="0" selected="selected">Escoge un Procesador</option>
<option value="400">Pentium III</option>
<option value="500">Pentium IV</option>
</select>
</div>
<div>
Monitores
<select name="monitor" onChange="">
<option value="0" selected="selected">Escoge un Monitor</option>
<option value="250">Samsung 14'</option>
<option value="350">Samsung 15'</option>
<option value="550">Samsung 17'</option>
</select>
</div>
<div>
Disco Duro
<select name="Disco Duro" onChange="">
<option value="0" selected="selected">Escoge un Disco Duro</option>
<option value="300">80 Gb</option>
<option value="440">240 Gb</option>
<option value="500">440 Gb</option>
</select>
</div>
<br>
<input type="button" id="calularPrecio" value="Calcular">
</form>
<hr></hr>
<p>Procesador escogido: <b><span id="procesadorSeleccionado">-procesador-</span></b>. Precio: <input type="text" name="precioProcesador" id="precioProce" readonly="readonly" size="10"> € </p>
<p>Monitor escogido: <b><span id="monitorSeleccionado">-monitor-</span></b>. Precio: <input type="text" name="precioMonitor" id="precioMon" readonly="readonly" size="10"> € </p>
<p>Disco Duro escogido: <b><span id="discoSeleccionado">-disco-</span></b>. Precio: <input type="text" name="precioDisco" id="precioDis" readonly="readonly" size="10"> € </p>
<p><b>Importe Total</b> <input type="text" name="precioTotal" id="total" readonly="readonly" size="10"> € </p>
</body>
</html>
No está terminado la parte de JS pero desearía que me pudieran orientar al respecto de pasar parémtros por funciones y estas utilizarlas dentro de otra función, ¿me entienden?
Muchas gracias