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

使用JS动态添加文本框

var num=1

function AddInput()

{

var str=""

str+="<input type=\"text\" id=\""+num+"\">"

window.dvInput.innerHTML+=str

num++

}

</div>

很简单了。

你要了解下html代码表单控件。

网页上的文本筐是：<input name="sn" type="text" />

知道了这个就好办了。

你在你想要动态加的地方放个：lable控件

再你在按钮事件代码上加上：

for(int i=0i<5i++)

{

lable控件.Text+="<input name=\"sn"+i.ToString()+"\" type=\"text\" />"

}

这样就加上5个问本宽了。想加多少个。你就吧for语句里的5改成变量。

PS:要或取动态加的问本筐的内容，就要用

变量=Requset.From["sn"+i.ToString()]

明白了把。

PS:用这个方法可动态给网页加任何东东，效果还很好。比用Web控件好玩多了。

下面是源码，前几天刚做的列子。注意一点：再添加时把它添加的行数记录，然后到到后台循环，取出这个控件的ID然后判断他的值是否为空！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>JS动态添加行</title>

.top_t2_c1{

width:700px

height:100%

line-height:50px

text-align:left

}

</style>

var rows=0

function addRow(tableName)

{

var row=tableName.insertRow(tableName.rows.length)

rows++

var col

if(tableName==tabAdd)

{

col=row.insertCell(0)

col.innerHTML=rows

col=row.insertCell(1)

col.innerHTML="<input type='text' id='name"+rows+"' style='width:290px' name='name"+rows+"'/>"

col=row.insertCell(2)

col.innerHTML="<input type='text' id='qty"+rows+"' name='qty"+rows+"' SIZE='5'/>"

col=row.insertCell(3)

col.innerHTML="<input type='text' id='remark"+rows+"' name='remark"+rows+"'/>"

col=row.insertCell(4)

col.innerHTML="<input type='button' id='btn"+rows+"' value='删除' onclick='delRow(this)'/>"

}

function delRow(o)

{

var objTR =o.parentNode.parentNode

var currRowIndex= objTR.rowIndex

if(confirm("您确认要删除?"))

{

objTR.parentNode.deleteRow(currRowIndex)

}

</script>

</head>

<body>

<h1>办公用品请购单</h1>

<tr>

<tr>

</table>

</div>

</form>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/bake/11358650.html

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

发表评论

评论列表（0条）