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

Imágen de perfil
Val: 2.019
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

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


JavaScript

Actualizado el 27 de Junio del 2014 por Xavi (534 códigos) (Publicado el 18 de Agosto del 2013)
18.801 visualizaciones desde el 18 de Agosto del 2013
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(6)

Actualizado el 27 de Junio del 2014 (Publicado el 18 de Agosto del 2013)gráfica de visualizaciones de la versión: Versión 1
18.804 visualizaciones desde el 18 de Agosto del 2013
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 (6)

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
2 de Agosto del 2016
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder
tu mama
21 de Julio del 2017
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder
Axel
1 de Septiembre del 2017
estrellaestrellaestrellaestrellaestrella
Podemos realizar algún ejemplo con src="https://www.dominio.com.ec", que el iframe no sea del mismo dominio


De atenmano agradezco su valiosa ayuda.
Responder
Yooe
28 de Abril del 2018
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...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s2459