25/05/2014, 08:17
|
| | | Fecha de Ingreso: mayo-2014
Mensajes: 1
Antigüedad: 11 años, 5 meses Puntos: 0 | |
| Obtener dato desde lista desplegable
Hola que tal,
estoy estudiando javascript y acudo a vosotros dado que no soy capaz de terminar un ejercicio. Estoy haciendo un formulario en el cual tengo una lista desplegable con nombres de diversas frutas; necesito obtener el nombre de la fruta seleccionada y que aparezca al pulsar un boton. Pero para hacer esto he de utilizar un array. Os adjunto el codigo; la funcion que no hago funcionar se llama "validarSeleccion".
Por otro lado tambien tendria que hacer el calculo de la compra con descuentos si se paga con visa o mastercard.
Gracias de antemano a todos. y perdonad las molestias
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript">
var naranjas=3;
var limones=2.25;
var manzanas=2.50;
var tomates=4.25;
var visa=10;
var mastercard=5;
function validarVacio(){
var texto=document.getElementById("nombre").value;
if(texto==""){
alert("No se ha indicado el nombre");
return false;
}else{
return true;}
}
function validarSeleccion(){
var objLista=document.getElementById("lista");
if(objLista.selectedIndex>0){
return true;
}else{
alert("Debe seleccionar una fruta");
return false;
}
}
function validarValor(){
var numero=document.getElementById("peso").value;
if(isNaN(numero)){
alert("Peso incorrecto");
return false;
}else{
return true;
}if(numero>=0.0||numero<=10.0){
return true;
}else{
return false;
}
}
function enviar(){
validarVacio()==true;
alert("Funcion 1");
validarSeleccion()==true;
alert("Funcion 2");
validarValor()==true;
alert("Funcion 3");
}
</script>
</head>
<body>
<form action="*" method="post">
Nombre: <input type="text" id="nombre" name="comprador"/></br></br>
Lista: <select name="lista" id="lista">
<option>Seleccione una fruta...</option>
<option>Naranjas</option>
<option>Manzanas</option>
<option>Limones</option>
<option>Tomates</option>
</select></br></br>
Peso: <input type="text" maxlength="4" size="5px" style= text-align:center name="peso_kg" id="peso" />€/Kg<br/><br/>
<input type="button" value="Precio" id="calculo" onclick="precioCompra" /><br/><br/>
<input type="button" value="Enviar" onclick="enviar()"/>
</form>
</body>
</html> |