在 JavaScript 中动态添加文本答案

【问题标题】：Adding dynamically text in JavaScript在 JavaScript 中动态添加文本
【发布时间】：2016-04-22 22:10:03
【问题描述】：

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.

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

【问题讨论】：

你似乎没有函数request.getParameter，也没有out.print。您是否尝试过查看控制台？（按 F12）你会在那里看到一堆错误。
这是 Java 问题还是 JavaScript 问题？无论哪种方式，您都没有向我们展示足够的代码。
@MikeC 那是 Java 代码。他们正在显示没有 F12 的后端。
out.print(request.getParameter("mytext1")) 返回空值，但是当我更改为 out.print(request.getParameter("mytext")) 时返回非空值。我认为问题在于串联。

标签： javascript java html text dynamically-generated

【解决方案1】：

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

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

【讨论】：

非常感谢您的回答。将近5-6个小时，我试图解决这个问题。
在 JS 中没有 ID 自动全局范围填充。 见stackoverflow.com/questions/6381425/…
有趣。谢谢（你的）信息。但是我认为 JS 初学者最好不知道这样的事情存在。 ;-)

【解决方案2】：

尝试将您的 innerHTML 更改为：

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

【讨论】：