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中动态添加文本

2 个答案: