Views/TEST/Edit.cshtml

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@using WebApplication1.Models
@model AreaTable
@{
    Layout = null;
}
<script src="~/JS/jquery-1.8.2.js"></script>
<script src="~/JS/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
//add()动态增加tr列并绑定明细表的列

    function add() {

        var trLen = $("tr[id='trs']").length;
        var $lastTr = $("tr[id='trs']").last();
        var tr = "<tr id='trs'>";
        tr += "<td>" + (trLen + 1) + "</td>";
        //tr += "<td><input type='text' name='Article[" + trLen + "].ID' class='form-control' /></td>";
        tr += "<td><input type='text' name='Article[" + trLen + "].Name' class='form-control' /></td>";
        tr += "<td><input type='text' name='Article[" + trLen + "].Sex' class='form-control' /></td>";


        tr += "</tr>";
        $("#TableAdd").append(tr);
    }


    function readonly() {
        var obj = $("input[type='text']");
        for (i = 0; i < obj.length; i++) {
            if (obj[i].type = "text") {
                obj[i].setAttribute("readonly", 'true');
            }
        }
       
    }</script>


<script type="text/javascript">
function onloast() {
        debugger;
        var thisTable = document.getElementById("TableAdd");
        var tbody = thisTable.children;
       
        var trs = tbody.children;
        alert(trs);
        for (var i = 0;i< trs.length; i++) {
            console.log(trs[i]);
        }
    }</script>
<div style="width:700px;margin-left:200px;">
    <form action="~/Test/Test" method="post" enctype="multipart/form-data">
        <div style="overflow:hidden">
            ID：<input type="text" name="ID" class="form-control" value="@Model.ID" />
            <br />
            名称：<input type="text" name="Area" class="form-control" value="@Model.Area" /><br />
        </div>
        <div>
            <input type="button" id="btnAdd" value="新增明细" onclick="add()" />
        </div>
        <br />