如何在运行Javascript时为每个文本框指定动态名称

Question

        <p> March 2014 invoice details(current):
        <form id="form1" name="form1" method="post" action="">
        <label>
        <input name="food" type="text" id="food" />
        </label>

        <div id="div"></div>
        <p><input type="button" value="Add" onclick="generateRow()"/></p>
        <p>
        <label>
        <input type="submit" name="Submit" value="Submit" />
        </label>
        </p>
        </form>
        </p>

这是我的HTML代码

Belox是我的Javascript functino

<script>
var i;
i=0;

function generateRow() 
{
  i++;

var d=document.getElementById("div");
d.name="food";
d.innerHTML+="<p><input type='text' name='xyz ' + i /></p>";
}

上面的代码命名所有动态创建的输入框，名称为“xyz”

我想将每个输入框动态命名为“xyz1”，“xyz2”......

Answer 1

使用此

d.innerHTML+="<p><input type='text' name='xyz" + i + "' /></p>";

而不是

d.innerHTML+="<p><input type='text' name='xyz ' + i /></p>";