mostrar valor utilizando selects

dimay_08 · #1 (**permalink**) 22/04/2012, 12:24

Hola a todos.
Tengo un pequeño problema con mi codigo.

Bueno, tengo en mi pagina un listado con radios, al seleccionar una opcion, me muestra dos selects (cilindraje y modelo).

Yo quiero que cuando seleccione una opcion (ejemplo: cilindraje= De 1500 a 2500 C.C y modelo= De 2002 o Anteriores) me muestre el valor total de esas selecciones.

Para eso he creado una función, para coger el valor de la opción del select e imprimir el valor, y ya he hecho pruebas, pero no me arroja nada. Bueno ya probe con Mozilla FireFox, en Explorer y en google chrome, pero sigue sin arrojarme nada.

hasta coloque la funcion en el select y en los options y nada. Ya coloque un boton y aun asi.

No se que error estoy cometiendo, y pues ya he intentado hasta donde mas se y ya he mirado algunas paginas para guiarme, y aun asi no me arroja ningun resultado.

Espero haberme explicado bien, jejejeje. por favor alguna ayuda!! Gracias de antemano.

Aqui dejo mi codigo:

esta es la función:

Código Javascript:

Ver originalvar valor_total = "0";
 
function valor_1(cilindraje){
    var indice = document.form1.cilindraje.selectedIndex;
    
    if(document.form1.cilindraje.options[indice].value == "" ){
        alert("Seleccione una opcion.");
    }else if(document.form1.cilindraje.options[indice].value == "1" ){
        valor_total = "235.600";
    }else if(document.form1.cilindraje.options[indice].value == "2" ){
        valor_total = "315.800";
    }else if(document.form1.cilindraje.options[indice].value == "3" ){
        valor_total = "356.000";
    }else if(document.form1.cilindraje.options[indice].value == "4" ){
        valor_total = "356.000";
    }
}
 
valor_total;

Aqui esta el formualrio:

Código Javascript:

Ver original<form name="form1" id="form1">
 
<select name="cilindraje" id="cilindraje" >
                      <option value="" selected="selected" > Seleccione Cilindraje </option>
                      <option value="1" >Menos de 100 C.C.</option>
                      <option value="2" >De 100 a 200 C.C.</option>
                      <option value="3" >M&aacute;s de 200 C.C.</option>
                      <option value="4" >MOTOCARRO</option>
</select>
 
<input type="button" value="Valor:" onclick="valor_1(document.getElementById(cilindraje).value)" /> <script language="javascript"> document.writeln(valor_total); </script>
 
</form>

Por ahora solo estoy trabajando con un solo selesct, ya que ahi opciones en las que no se necesitan un modelo.

emprear · #2 (**permalink**) 22/04/2012, 16:33

pregunto,
por que no sencillamente pones los valores reales en los values correspondientes a cada opción?

Ej:
<option value="235.600" >Menos de 100 C.C.</option>

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
 
function x(){
var valor = document.getElementById('p').value; 
alert(valor);
}
 
//]]>
</script>
</head>
<body>
<select id="p" onchange="x();">
    <option value="">seleccione</option>
    <option value="333.15">A</option>
<option value="200.01">B</option>
</select>
</body>
</html>

No sé , me parce menos complicado

dimay_08 · #3 (**permalink**) 22/04/2012, 17:43

Hola emprear. Primero que todo muchas gracias por tu ayuda, bueno hice los cambios como tu me dijiste, y me funciona :D poniendo un alert(), tal cual como tu lo pusiste.

Pero yo quisiera que no me mostrara el valor en un alert, si no que ahi mismo en la pagina, y bueno yo coloco "document.write(variable valor_total)" y no me funciona. No se, que seria mejor para imprimir los valores? Que me podrias recomendar?

Y bueno otra cosa, como dije anteriormente, cuando el usuario seleccione una opcion, mostrara dos selects (cilindraje y modelo). El usuario seleccionaria el cilindraje y de acuerdo al modelo, muestra el valor. Que se prodria hacer ahi?

emprear · #4 (**permalink**) 22/04/2012, 20:30

En cuanto a lo primero, no usés document.write, lo que tenés que hacer es pasr el reultado a lgún otro elemento que sirva como visor del mismo

ejemplo
tenes el select como lo habíamos puesto

en otro lugar de la página tenes otro elemento, que puede ser un campo de texto con un id definido

Código HTML:

Ver original<input type="text" value="" id="resultado" />

entonces reemplazas el alert por

Código Javascript:

Ver originaldocument.getElementById('resultado').value = valor;

En cuanto a la otra parte, no la entiendo bien, porque no se como se relacionan los valores de cilindraje y modelo, si son dos valores independientes, o se suman, o qué,

Igualmente fijate que podés hacer lo mismo para el otro select, que obviamente tendrá un id diferente y manipular los resultados

Saludos