MVC:html动态追加行及取值

先一个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) {

            }
        });

 

posted @ 2017-08-24 17:15  家宁  阅读(434)  评论(0编辑  收藏  举报