Question

我的html体内有10个表单。所有表单都使用不同的formid创建。示例

<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>

我想在表格中打印表单名称（abc，abc1 .... abc10）。我怎样才能做到这一点？

我尝试使用javascript函数创建一个按钮：

 <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>

但我无法在桌子内打印。请帮忙

Answer 1

你可以这样做：

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;
}

See DEMO

Answer 2

对我来说，你的代码正在运作。

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

Demo

在表格内打印表格ID

2 个答案:

See DEMO