关于JS动态生成input,后台获取值的有关问题
日期：2014-05-17 浏览次数：20544 次
关于JS动态生成input,后台获取值的问题
很简单..点击创建按钮..调用Creat方法..
Creat方法就是生成一个input元素,type=text 也就是文本框,然后name=textBoxId1
然后再添加到form里面...
问题点击创建..文本框是出来了..但是提交后..Request.Form["textBoxId1"]竟然为null..这到底是为什么?
还有没有别的方法动态生成文本框,然后后台能获取值的
------解决方案--------------------
textBoxId.setAttribute("type", "text");
textBoxId.setAttribute("name", "textBoxId1");
------解决方案--------------------
好吧，我把完整的例子发一下。你参考一下。
<script type="text/javascript">
function Creat() {
var textBoxId = document.createElement("input");
textBoxId.nodeType = "text";
textBoxId.nodeName = "textBoxId1";
document.getElementById("GoodsBox").appendChild(textBoxId);
}
</script>
<div>
<form action="Default2.aspx" method="post" id="GoodsBox">
<input type="submit" value="提交" />
</form>
<input type="button" onclick="Creat()" value="创建" />
</div>
很简单..点击创建按钮..调用Creat方法..
Creat方法就是生成一个input元素,type=text 也就是文本框,然后name=textBoxId1
然后再添加到form里面...
问题点击创建..文本框是出来了..但是提交后..Request.Form["textBoxId1"]竟然为null..这到底是为什么?
还有没有别的方法动态生成文本框,然后后台能获取值的
js
------解决方案--------------------
textBoxId.setAttribute("type", "text");
textBoxId.setAttribute("name", "textBoxId1");
------解决方案--------------------
好吧，我把完整的例子发一下。你参考一下。
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript">
function Creat() {
var textBoxId = document.createElement("input");
textBoxId.setAttribute("type", "text");
textBoxId.setAttribute("id", "textBoxId1");
document.getElementById("GoodsBox").appendChild(textBoxId);
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
