Question

请查看以下代码

mydiv1.innerHTML=mydiv1.innerHTML + '<label>*Functional Area:<span class="small">Enter Company Name</span></label><input type="text" name="FunctionalArea_"'+counter1+' id="company" /><label class="spacing">*Experience:<span class="small">Number of years</span></label><select name="Exp_In_FA_"'+ counter1 +' id="experience"><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>morethan 5</option</select><input type="button" value="Add" id="bt1" onclick="generate()" style="font-size:8pt;height:25px;width:55px"/>'

现在正确调用上面的javascript代码，并将新元素嵌入到所需位置。但问题是，当这些值传递给servlet时，我无法使用request.getParameter（“Exp_In_FA_0”）检索Exp_In_FA_0。它只返回NULL。请纠正我在哪里做错了？抱歉，我无法在多行中发布代码。代码标记仅以一行为单位

Answer 1

尝试使用Firebug（或类似工具）查看实际生成的代码（使用“检查元素”）功能。

您可能需要确认name，添加元素的form等。

Answer 2

[...]新元素嵌入到理想的位置。

检查生成的HTML文档中新元素的name属性是否正常。您可以在Firefox中选择输入框和周围的HTML，然后从上下文菜单中选择“Yiew选择源”。 - 或者您可以使用Google Chrome的“Inspect”功能观看该元素。

Answer 3

在这里阅读 https://stackoverflow.com/search?q=innerhtml+form+not+passed

和

http://domscripting.com/blog/display/99

首先，使用DOM创建一个块级元素 - 例如a div-using createElement。然后更新这个的innerHTML属性新创造的元素。最后，插入更新的元素到文档中使用像appendChild或DOM这样的DOM方法的insertBefore：

var newdiv = document.createElement("div");
newdiv.innerHTML = xhr.responseText;
var container = document.getElementById("container");
container.appendChild(newdiv);

JavaScript动态添加元素

3 个答案: