在 JavaScript 中添加动态文本

Adding dynamically text in JavaScript

本文关键字：动态 文本 添加 JavaScript      更新时间：2023-09-26

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'> "
}

.HTML：

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

我有这些代码片段在我的 HTML 文件中动态添加文本框。问题是我无法访问文本。

System.out.print(request.getParameter("mytext1")); //doesnt work to reach mytext1 value.

如何解决这个问题？提前谢谢。

好的，首先要获取 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>

关于印刷品，我不知道你实际上在那里尝试了什么......

尝试将你的内部HTML更改为：

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