JS前台html页面动态添加input元素,后台.cs类文件如何获取的问题?
高洛峰
高洛峰 2016-11-12 09:22:12
0
1
912

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>


高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回覆(1)
三叔

对于你上面的代码不能测试回复,给你思路,你理一下头绪。

你上面描述的方法是在页面内插入数据,但是如何获取input的数据,然后供后端使用呢? 
前后台交互,这里可以通过 form 表单或者说 ajax 提交数据到后台指定位置,后台拿到前台提交过来的数据后处理使用。


熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板