Código de JavaScript - Obtener los valores de un formulario que esta incluido en un iframe

Imágen de perfil

Obtener los valores de un formulario que esta incluido en un iframegráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 27 de Junio del 2014 por Xavi (Creado el 18 de Agosto del 2013)
13.414 visualizaciones desde el 18 de Agosto del 2013. Una media de 84 por semana
Código que muestra como obtener los valores de un formulario que se encuentra en un iframe.
Muestra como obtener los valores:
- por elementos
- por el id
- por el nombre
- por el nombre del tag
- por la clase asociada
De los tipos de inputs:
- text o textarea
- checkbox
- radio button
- select

Versión 1
estrellaestrellaestrellaestrellaestrella(3)

Actualizado el 27 de Junio del 2014 (Creado el 18 de Agosto del 2013)gráfica de visualizaciones de la versión: Versión 1
13.415 visualizaciones desde el 18 de Agosto del 2013. Una media de 84 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Puedes ver el ejemplo aquí
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script>
    function capturarNombre()
    {
        // obtenemos e valor por el numero de elemento
        var porElementos=window.frames["formExterno"].document.forms["form1"].elements[0].value;
        // Obtenemos el valor por el id
        var porId=window.frames["formExterno"].document.getElementById("nombre").value;
        // Obtenemos el valor por el Nombre
        var porNombre=window.frames["formExterno"].document.getElementsByName("nombre")[0].value;
        // Obtenemos el valor por el tipo de tag
        var porTagName=window.frames["formExterno"].document.getElementsByTagName("input")[0].value;
        // Obtenemos el valor por el nombre de la clase
        var porClassName=window.frames["formExterno"].document.getElementsByClassName("formulario")[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;
    }
 
    function capturarCheckbox()
    {
        var porElementos=window.frames["formExterno"].document.forms["form1"].elements[1].checked;
        var porId=window.frames["formExterno"].document.getElementById("acepto").checked;
        var porNombre=window.frames["formExterno"].document.getElementsByName("acepto")[0].checked;
        var porTagName=window.frames["formExterno"].document.getElementsByTagName("input")[1].checked;
        var porClassName=window.frames["formExterno"].document.getElementsByClassName("formulario_check")[0].checked;
 
        document.getElementById("resultado").innerHTML=" \
            Por elementos: "+porElementos+" \
            <br>Por ID: "+porId+" \
            <br>Por Nombre: "+porNombre+" \
            <br>Por TagName: "+porTagName+" \
            <br>Por ClassName: "+porClassName;
    }
 
    function capturarRadio()
    {
        var resultado="ninguno";
 
        var porNombre=window.frames["formExterno"].document.getElementsByName("deacuerdo");
        for(var i=0;i<porNombre.length;i++)
        {
            if(porNombre[i].checked)
                resultado=porNombre[i].value;
        }
 
        document.getElementById("resultado").innerHTML=" \
            Por Nombre: "+resultado;
    }
 
    function capturarSelect()
    {
        var porElementos=window.frames["formExterno"].document.forms["form1"].elements[4].value;
        var porId=window.frames["formExterno"].document.getElementById("seleccion").value;
        var porNombre=window.frames["formExterno"].document.getElementsByName("seleccion")[0].value;
        var porTagName=window.frames["formExterno"].document.getElementsByTagName("select")[0].value;
        var porClassName=window.frames["formExterno"].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>
    iframe   {width:250px;height:150px;}
    </style>
</head>
 
<body>
    <h1>Obtener los valores de un formulario que esta incluido en un iframe</h1>
    <iframe id="formExterno" name="formExterno" src="js_iframe_form.php"></iframe>
    <p>
        <input type="button" value="obtener el nombre" onclick="capturarNombre()">
        <input type="button" value="obtener el checkbox" onclick="capturarCheckbox()">
        <br><input type="button" value="obtener el radio button" onclick="capturarRadio()">
        <input type="button" value="obtener el select" onclick="capturarSelect()">
    </p>
    <div id="resultado"></div>
 
    <p><a href="http://www.lawebdelprogramador.com">http://www.lawebdelprogramador.com</a></p>
</body>
</html>



Comentarios sobre la versión: Versión 1 (3)

yo mero
16 de Septiembre del 2015
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder
Floriberto
25 de Marzo del 2016
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder
Melo chupasan
02 de Agosto del 2016
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2459