利用JavaScript动态增加的文本输入框在后台无法取值问题的解决

近期在写一个信息采集系统，需要根据输入的数量动态添加文本输入框，并在后台处理输入值并存入数据库。编程环境：VisualStudio2010，ASP.NET MVC 2.0。

考虑在前台使用JavaScript实现动态添加文本输入框，如下代码所示，使用getElementById().value属性获取一个输入框的值，根据这个值循环利用getElementById().innerHTML属性输出指定的<input/>标签内容。

添加文本输入框倒是很顺利，但是在后台利用 Requset.Form(“”)无法获取值。在网上查阅了很多资料，发现这是个普遍问题，也一一做了尝试。

代码

1 < script type = " text/javascript " >
2 　　function AddTextBox() {
3 　　var stringH = "" ;
4 　　document.getElementById( " addin " ).innerHTML = "" ;
5 　　var k = document.getElementById( " SA " ).value;
6 　　 for (i = 0 ; i < k; i ++ ) {
7 　　　　stringH = " 姓名：<input type='text' name='SName " + i.toString( 10 ) + " ' /> " ;
8 　　　　document.getElementById( " addin " ).innerHTML += stringH;
9 　　}
10 　　document.getElementById( " addin " ).innerHTML += " <input type='submit' /> " ;
11 　　}
12   </ script >
13  

 

 

 <script type="text/javascript">
        function AddTextBox() {
            var stringH= "";
            document.getElementById("addin").innerHTML = "";
            var k = document.getElementById("SA").value;
            for (i = 0; i < k; i++) {
                stringH = "姓名：<input type='text' name='SName" + i.toString(10) + "' />学号：<input type='text' name='SID" + i.toString(10) + "'/>";
                document.getElementById("addin").innerHTML += stringH;
            }
            document.getElementById("addin").innerHTML += "<input type='submit' />";
        }
</script>

i.toString(10)

转载于:https://www.cnblogs.com/eeez/archive/2010/11/22/1884442.html