Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Comparar opciones de ListBox

Estas en el tema de Comparar opciones de ListBox en el foro de Javascript en Foros del Web. Necesito saber porque no me funciona el mejor.innerHTML!!!! Quiero que cuando el cliente elija la primera opcion, desaparezca el mensaje con id "mejor" Gracias!! @import ...
  #1 (permalink)  
Antiguo 18/02/2015, 03:53
 
Fecha de Ingreso: febrero-2015
Mensajes: 10
Antigüedad: 9 años, 2 meses
Puntos: 0
Comparar opciones de ListBox

Necesito saber porque no me funciona el mejor.innerHTML!!!!
Quiero que cuando el cliente elija la primera opcion, desaparezca el mensaje con id "mejor"
Gracias!!

Código HTML:
Ver original
  1. <div id="lista">
  2. <form action="" id="formulario">
  3. Seleccione un paquete
  4. <select name="1">
  5. <option value="1">1 año (500)</option>
  6. <option value="2">6 meses (300)</option>
  7. <option value="3">1 mes (120)</option>
  8. </form>
  9. </div>
  10.  
  11. <div id="mejorOpcion">
  12. <p id="mejor"> Esta es la mejor elección. </p>
  13. </div>
  14.  
  15. </div>
  16. <script type="text/javascript">
  17. var obtener = document.getElementById("mejor");
  18. //var opcion = document.getElementById("formulario").value;
  19. var form = document.getElementById("formulario");
  20. var obtenerOpcion = form.options[form.selectedIndex].value;
  21.  
  22.     if (obtenerOpcion == '0'){
  23.         mejor.innerHTML="";
  24.     }
  25.  
  26.  

Última edición por loloblc; 18/02/2015 a las 04:01
  #2 (permalink)  
Antiguo 18/02/2015, 09:55
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Respuesta: Comparar opciones de ListBox

La forma sería:

Código HTML:
Ver original
  1. Seleccione un paquete
  2. <select id="select" name="1" onchange="cambiar()">
  3. <option value="1">1 año (500)</option>
  4. <option value="2">6 meses (300)</option>
  5. <option value="3">1 mes (120)</option>
  6.  
  7.  
  8. <p id="mejor"> Esta es la mejor elección. </p>
  9.  
  10.  
  11. function cambiar(){
  12.    
  13. var mejor = document.getElementById("mejor"),
  14.     select = document.getElementById("select"),
  15.     obtenerOpcion = select.options.selectedIndex;
  16.  
  17.     if (obtenerOpcion == 0){
  18.        // Hacer una cosa
  19.     }else{
  20.        // Hacer otra
  21.     }
  22. }
  #3 (permalink)  
Antiguo 19/02/2015, 03:39
 
Fecha de Ingreso: febrero-2015
Mensajes: 10
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Comparar opciones de ListBox

Muchas gracias!!!!
Funciona a la perfección.
Saludos

Etiquetas: formulario, funcion, html, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:50.