在JavaScript中动态添加文本

Javascript:

function changeIt()
{
    var i = 1;
    var j = 1;
    my_div.innerHTML = "<br><br><input type='text' name='mytext' + i  value='pleaseEnter malzeme' >   <input type='text' name='mytet2'+j value='please quantity'> "
}

---

我怎样才能解决这个问题？提前感谢。

尝试将innerHTML更改为：

my_div.innerHTML ="<br><br><input type='text' name='mytext" + i + "' value='pleaseEnter malzeme' >   <input type='text' name='mytet2" +j + "' value='please quantity'> "

my_div.innerHTML=“

”

好的，首先要获取JavaScript中元素的引用，需要调用

document.getElementById（“my_div”）

。JS中没有自动全局作用域填充和ID

然后，HTML字符串包含作为字符串一部分编写的变量。JS中的连接使用加号（+）。因此，您的字符串应该是：

"<br><br><input type='text' name='mytext" + i + "' value='pleaseEnter malzeme'><input type='text' name='mytet2" + j + "' value='please quantity'>"

“

”

所有组件都组装在一起：

<script type="text/javascript">
function changeIt() {
    var i = 1;
    var j = 1;
    document.getElementById("my_div").innerHTML = "<br><br><input type='text' name='mytext" + i + "' value='pleaseEnter malzeme'><input type='text' name='mytet2" + j + "' value='please quantity'>"
}
</script>

<input type="button"  value="Add Ingredients" onClick="changeIt()">
<div id="my_div"></div>

函数changeIt（）{
var i=1；
var j=1；
document.getElementById（“my_div”）.innerHTML=“

”
}

---

关于打印，我不知道您实际上在尝试什么…

您似乎没有函数

请求。getParameter

也没有

输出。打印
。你试过在你的控制台里看吗？（点击F12）你会看到一堆错误。这是Java问题还是JavaScript问题？不管怎样，您都没有向我们展示足够的代码。@MikeC这是Java代码。它们显示的是后端，没有F12.out.print（request.getParameter（“mytext1”））返回空值，但当我更改为out.print（request.getParameter（“mytext”）时，返回的不是空值。我认为问题在于连接。非常感谢您的回答。在将近5-6个小时的时间里，我试图解决这个问题。在JS中没有自动全局范围填充和ID。看有趣的。谢谢你的信息。然而，我认为JS初学者最好不知道这样的东西的存在
"<br><br><input type='text' name='mytext" + i + "' value='pleaseEnter malzeme'><input type='text' name='mytet2" + j + "' value='please quantity'>"

<script type="text/javascript">
function changeIt() {
    var i = 1;
    var j = 1;
    document.getElementById("my_div").innerHTML = "<br><br><input type='text' name='mytext" + i + "' value='pleaseEnter malzeme'><input type='text' name='mytet2" + j + "' value='please quantity'>"
}
</script>

<input type="button"  value="Add Ingredients" onClick="changeIt()">
<div id="my_div"></div>