Tengo 10 formas dentro de mi cuerpo html. Todas las formas se crean con diferentes formid. ejemplo

<form method="post" id="formid1" name="abc">
    <input type="button" value="xyz" style="height: 115px; width: 300px;">
</form>
.
.
.
<form method="post" id="formid10" name="abc10">
    <input type="button" value="xyz10" style="height: 115px; width: 300px;">
</form>

Quiero imprimir el nombre del formulario (abc, abc1 .... abc10) dentro de una tabla. ¿Cómo puedo lograr eso?

Intenté usar una función de JavaScript creando un botón como:

 <div>
     <button id="hide1" onclick="myFunction()"Service </button>
 </div>

<script>
    function myFunction() {
        var x = document.getElementById("formid1").name;
        document.getElementById("demomain").innerHTML = "The name of the form is: " + x;
    }
</script>

Pero no puedo imprimir eso dentro de una tabla. Por favor ayuda

0
Vishnu 28 ago. 2014 a las 11:24

2 respuestas

La mejor respuesta

Puedes hacer como:

var names = null;
var forms = document.getElementsByTagName('form');

for (var i = 0; i <= forms.length; i++) {
   names += "The name of the form is: " + forms[i].getAttribute('name');
   document.getElementById("demomain").innerHTML = names;
} 

Ver DEMO

2
Dev01 28 ago. 2014 a las 07:48

Para mí tu código está funcionando.

function myFunction() {
    var x = document.getElementById("formid1").name;
    document.getElementById("demomain").innerHTML = "The name of the form is: " + x;
}

Demo

0
Steven Web 28 ago. 2014 a las 08:00