aspx前台代码如下,每次点击button,调用addActors()方法,页面自动生成一行,请问后台cs代码该如何获取该行的每一个cell元素?一般前端<input>设置好id属性(id=XX)就可以在后台以this.XX的方式调用,不知道现在这种动态的方式该如何获取?
<div class="form-group">
<input type="button" class="btn blue" onclick="addActors()" value="增加演职员">
<table class="table table-condensed table-hover" id="ActorT" name="ActorT">
<thead align="center">
<tr>
<th>
剧中人
</th>
<th>
扮演者
</th>
<th>
劳务费
</th>
<th>18519264361
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="text" runat="server" class="form-control" placeholder="输入剧中人">
</td>
<td>
<input type="text" runat="server" class="form-control" placeholder="输入扮演者">
</td>
<td>
<input type="text" runat="server" class="form-control" placeholder="输入劳务费">
</td>
<td>
<input type="button" onclick="del(this)" class="btn blue" value="删除">
</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
var count1 = 1;
function addActors() {
var tbl = document.all.ActorT;
var rows = tbl.rows.length;
var tr = tbl.insertRow(rows);
var name = tr.insertCell(0);
name.innerHTML = '<input type="text" runat="server" class="form-control" name="character' + count1 + '" placeholder="输入剧中人">';
var tel = tr.insertCell(1);
tel.innerHTML = '<input type="text" runat="server" class="form-control" name="actor' + count1 + '" placeholder="输入扮演者">';
var rdo = tr.insertCell(2);
rdo.innerHTML = '<input type="text" runat="server" class="form-control" name="ActorCost' + count1 + '" placeholder="输入劳务费">';
var del = tr.insertCell(3);
del.innerHTML = '<input type="button" onclick="del(this)" class="btn blue" value="删除">';
count1++;
}
</script>
对于你上面的代码不能测试回复,给你思路,你理一下头绪。
你上面描述的方法是在页面内插入数据,但是如何获取
input
的数据,然后供后端使用呢?前后台交互,这里可以通过
form
表单或者说ajax
提交数据到后台指定位置,后台拿到前台提交过来的数据后处理使用。搜索一下我提到的关键词就能解决你的问题了,有疑问继续联系