Question

ASP.NET MVC 如何动态添加文本框

点一下按钮加一个文本框，可以无限添加。

Answer 1

使用JS动态添加文本框

var num=1;
function AddInput()
{
var str="";
str+="<input type=\"text\" id=\""+num+"\">";
window.dvInput.innerHTML+=str;
num++;
}

<div id="dvInput">
</div>

追问

给后台不能实现么？

追答

前台实现不好吗

追问

好，但是JS 我用不太好啊！怎么显示一下就不见了呢？

追答

一般这样的动态控件都使用JS动态添加实现，一个是方便操作，再就是用户体验好。
什么叫显示一下就不见了？

追问

啊是这样啊！~那我如何把所有文本框的内容读取到呢？

追答

动态添加的文本框不是已经有ID了吗,动态文本框的ID这样添加"";
document.getElementById('text' + num).value即可读取文本框的内容。

追问

我想从后台读取啊！~ asp.net MVC如何从后台读取呢？

追答

汗~前台都已经取出值了，后台读不到吗？你把前台读取的值存放在一个runat=server的hidden里不就行了吗！

追问

我现在思路不是很清晰！谢谢你的耐心指导，给否给些一下例子。我现在有点迷糊

追答

这些只是我做此类功能的实现方式，你也可以后台实现，不过我的观点是不建议那么做，动态创建控件我都是创建html控件，客户端进行操作，赋值取值等，再在后台需要数据的时候一次性全部获取，无论你动态添加了多少客户端控件，后台都可以一次性获取再进行相应的数据操作。

追问

document.getElementById('text' + num).value 怎么复制给隐藏变量？？？？多谢了！高手

追答

document.getElementById("hidValue").value = document.getElementById('text' + num).value;