在 JavaScript 中添加动态文本

Question

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.

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

Answer 1

尝试将您的 innerHTML 更改为：

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

Answer 2

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

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

在 JavaScript 中添加动态文本

Adding dynamically text in JavaScript

javascript

java

html

text

dynamically-generated