正在表中打印表单id

Printing form id inside table

本文关键字：表单 id 打印      更新时间：2023-09-26

我的html主体中有10个表单。所有的形式都是用不同的形式创建的。示例

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

但我不能把它印在桌子里。请帮助

您可以这样做：

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

请参见演示

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

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

演示

相关文章：