先一個button id=addRow

點擊事件進行添加

1 $("#addRow").bind("click", function () {
2         var rownum = $("#renyuanxinxi tr").size();//行數，便於查處追加出來的行數
3 
4         var addHTML = "<tr><td><input type=‘text‘ value=‘" + rownum + "‘ style=‘width:30px;‘ readonly /></td><td><input type=‘text‘ style=‘width:40px;‘ /></td><td><input type=‘text‘ style=‘width:170px;‘ /></td><td><input type=‘text‘ style=‘width:110px;‘ /></td><td><select id=‘Select1‘><option value=‘導遊‘>導遊</option><option value=‘領隊‘>領隊</option><option selected=selected‘ value=‘遊客‘>遊客</option></select></td> <td><select id=‘Select1‘><option value=‘男‘>男</option><option value=‘女‘>女</option></select> </td> <td><input type=‘text‘ style=‘width:60px;‘ /></td><td><input type=‘text‘  style=‘width:100px;‘ /></td><td><select id=‘Select2‘> <option value=‘老年‘>老年</option> <option value=‘兒童‘>兒童</option><option value=‘其他‘>其他</option></select></td> <td><select id=‘Select1‘> <option value=‘待付款‘ selected=‘selected‘>待付款</option><option value=‘已付款‘ >已付款</option></select> </td> <td><select id=‘Select1‘><option value=‘待付款‘ selected=‘selected‘>待付款</option><option value=‘現金‘>現金</option><option value=‘支付寶‘>支付寶</option><option value=‘微信‘ >微信</option></select></td><td><input type=‘text‘ style=‘width:100px;‘ /></td><td><input type=‘text‘ style=‘width:40px;‘ /></td></tr>
 
";
5         $("#renyuan").append(addHTML); //根據id為renyuan的tbody標簽進行append追加
6 
7     });

取值並傳值給controller 傳過去的是名為list的一個集合

function addxingcheng() {
        var AddData = [];
        var XianluName=$("#aa").val();
        $("#aaaaa>tr").each(function () {
            var data = {
                GxcId:
 
0,
                GxcTianshu: $(this).find("td:eq(1)").children(0).val(),
                GxcZhandian: $(this).find("td:eq(2)").children(0).val(),
                GxcLeixing: $(this).find("td:eq(3)").children(0).val(),
                GxcDidian: $(this).find("td:eq(4)").children(0).val(),
                GxcShuoming: $(
 
this).find("td:eq(5)").children(0).val(),
                XianluName:XianluName
            }
            AddData.push(data);
            
        })
        var list = { list: AddData };
        $.ajax({
            type: "POST",
            url: "/GenXianluFabu/GenXingchengAddDo",
            data: JSON.stringify(list),//這個list是傳給controller的list集合，controller需要用list
            contentType: ‘application/json, charset=utf-8‘,//這個必須寫是對數據進行解析
            success: function (data) {

            }
        });

MVC：html動態追加行及取值