Foros del Web - Ver Mensaje Individual

Fernarey1810 · #4 (**permalink**) 02/09/2014, 17:29

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<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>javascript - Obtener el valor de un select de varias maneras</title>
    <script>
    function capturar()
    {
        // obtenemos e valor por el numero de elemento
        var porElementos=document.forms["form1"].elements[4].value;
        // Obtenemos el valor por el id
        var porId=document.getElementById("seleccion").value;
        // Obtenemos el valor por el Nombre
        var porNombre=document.getElementsByName("seleccion")[0].value;
        // Obtenemos el valor por el tipo de tag
        var porTagName=document.getElementsByTagName("select")[0].value;
        // Obtenemos el valor por el nombre de la clase
        var porClassName=document.getElementsByClassName("formulario_select")[0].value;
        
        document.getElementById("resultado").innerHTML=" \
            Por elementos: "+porElementos+" \
            <br>Por ID: "+porId+" \
            <br>Por Nombre: "+porNombre+" \
            <br>Por TagName: "+porTagName+" \
            <br>Por ClassName: "+porClassName;
    }
    </script>
    
    <style>
        form   {width:250px;height:180px;border:1px solid #ccc;padding:10px;}
    </style>
</head>
 
<body>
    <h1>Obtener el valor de un select de varias maneras</h1>
    <form id="form1">
        Nombre:<br><input type="text" name="nombre" value="jose" id="nombre" class="formulario">
        
        <p><input type="checkbox" name="acepto" id="acepto" class="formulario_check"> Acepto el contrato</p>
        
        <p>Deacuerdo: Si<input type="radio" name="deacuerdo" value="si"> No<input type="radio" name="deacuerdo" value="no"></p>
        
        <p>
        <select name="seleccion" id="seleccion" class="formulario_select">
            <option value="1">primera</option>
            <option value="2">segunda</option>
        </select>
        </p>
    </form>
    <input type="button" value="Que valor hay en el select" onclick="capturar()">
    <div id="resultado"></div>
    
    <p><a href="http://www.lawebdelprogramador.com">http://www.lawebdelprogramador.com</a></p>
</body>
</html>