Tema: selectedIndex select dinamico
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 02/09/2014, 17:29
Avatar de Fernarey1810
Fernarey1810
 
Fecha de Ingreso: noviembre-2008
Mensajes: 214
Antigüedad: 16 años, 1 mes
Puntos: 1
Respuesta: selectedIndex select dinamico
ya esta lo solucione gracias a este sitio
http://www.lawebdelprogramador.com/c...s_maneras.html

solo necesitaba obtener el valor del select y aca te muestra como tomar ese valor de diferentes maneras. Este es el codigo:

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>javascript - Obtener el valor de un select de varias maneras</title>
  6.     <script>
  7.     function capturar()
  8.     {
  9.         // obtenemos e valor por el numero de elemento
  10.         var porElementos=document.forms["form1"].elements[4].value;
  11.         // Obtenemos el valor por el id
  12.         var porId=document.getElementById("seleccion").value;
  13.         // Obtenemos el valor por el Nombre
  14.         var porNombre=document.getElementsByName("seleccion")[0].value;
  15.         // Obtenemos el valor por el tipo de tag
  16.         var porTagName=document.getElementsByTagName("select")[0].value;
  17.         // Obtenemos el valor por el nombre de la clase
  18.         var porClassName=document.getElementsByClassName("formulario_select")[0].value;
  19.         
  20.         document.getElementById("resultado").innerHTML=" \
  21.             Por elementos: "+porElementos+" \
  22.             <br>Por ID: "+porId+" \
  23.             <br>Por Nombre: "+porNombre+" \
  24.             <br>Por TagName: "+porTagName+" \
  25.             <br>Por ClassName: "+porClassName;
  26.     }
  27.     </script>
  28.     
  29.     <style>
  30.         form   {width:250px;height:180px;border:1px solid #ccc;padding:10px;}
  31.     </style>
  32. </head>
  33.  
  34. <body>
  35.     <h1>Obtener el valor de un select de varias maneras</h1>
  36.     <form id="form1">
  37.         Nombre:<br><input type="text" name="nombre" value="jose" id="nombre" class="formulario">
  38.         
  39.         <p><input type="checkbox" name="acepto" id="acepto" class="formulario_check"> Acepto el contrato</p>
  40.         
  41.         <p>Deacuerdo: Si<input type="radio" name="deacuerdo" value="si"> No<input type="radio" name="deacuerdo" value="no"></p>
  42.         
  43.         <p>
  44.         <select name="seleccion" id="seleccion" class="formulario_select">
  45.             <option value="1">primera</option>
  46.             <option value="2">segunda</option>
  47.         </select>
  48.         </p>
  49.     </form>
  50.     <input type="button" value="Que valor hay en el select" onclick="capturar()">
  51.     <div id="resultado"></div>
  52.     
  53.     <p><a href="http://www.lawebdelprogramador.com">http://www.lawebdelprogramador.com</a></p>
  54. </body>
  55. </html>