如何在 JavaScript 函数中使用 JavaScript 变量作为 HTML 输入名称

how to use javascript variables for html input name in javascript function?

本文关键字：JavaScript HTML 输入 变量 函数      更新时间：2023-09-26
 function f1(){
 document.getElementById("comment_show").innerHTML
 ="<form action='c.php' method='post'>a:"+
 "<input type='text' name='d1'> <br>"+
 "<textarea name='comment' rows='5' cols='100'> </textarea> <br>"+
 "b:"+
 "<input type='text' name='d2'> <br>"+
 "<textarea name='comment' rows='5' cols='100'> </textarea> <br>"+
 "c:"+
 "<input type='text' name='d3'> <br>"+
 "<textarea name='comment' rows='5' cols='100'> </textarea> <br>"+
 "<input type='submit' name='s1' value='s1'> <br><br><br><br>"+
 "</form>";
 }

如何用javascript变量替换d1，d2，d3以使其成为循环？

以下是自动创建输入的方法：

var inputsCount = 3;
var inputs = "";
var LETTER_START = "a".charCodeAt(0) - 1;
for (var i = 1; i <= inputsCount; i++) {
    inputs += String.fromCharCode(LETTER_START + i) + ":"+
    "<input type='text' name='d" + i + "'> <br>"+
    "<textarea name='comment' rows='5' cols='100'> </textarea> <br>";
}

var inner = "<form action='c.php' method='post'>" +
        inputs +
        "<input type='submit' name='s1' value='s1'> <br><br><br><br>" +
        "</form>";
document.getElementById("comment_show").innerHTML = inner;

您可以使用数组来保存名称，然后使用 jquery .each 生成 html 字符串。或者你可以在数组上做一个普通的旧 for 循环。

相关文章：