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) {

            }
        });
时间: 2024-09-29 04:50:19

MVC:html动态追加行及取值的相关文章

Webform动态创建删除行及后台取值

开发过程中经常碰到许多不确定事项,所以有时需要动态生成新的记录,如图所示,点击新增时新增一条参考记录,点击删除时则删除该记录:第一步,创建一个表格,用hidden记录当前最大行数,添加时则只需复制模板并修改ID(由于lable最终生成的html是span标签,不方便后台取值,所以换成了textbox) <table class="table-bordered" style="width:100%;text-align:center"> <thead

delphi CXGRID用法 (取行、列值;定位选中某行等等)

CXGRID用法 (取行.列值:定位选中某行等等) Delphi Cxgrid获取选中行列,排序规则,当前正在编辑的单元格内的值 cxGrid1DBTableView1.Controller.FocusedRowIndex 当前行号 cxGrid1DBTableView1.Controller.FocusedRow 当前行 cxGrid1DBTableView1.Controller.FocusedColumn 当前列 cxGrid1DBTableView1.Controller.Focused

Java反射:根据方法名动态调用方法,解决商品动态属性取值问题。

public class Goods{ private String goodsName; private String attr1; private String attr2; private String attr3; private String attr4; ......... private String attr20; setter/getter方法 } 在数据库表goods中,已知该商品的属性个数N(满足:N=5,attr1—attr5有值,attr6-attr20为空).问如何取

4.mybatis动态SQL拼接/取值/OGNL

4.mybatis动态SQL拼接/取值 一.mybatis框架的SQL拼接是采用OGNL表达式进行的,以下我会列出常用的取值方法. 图片来源:慕课网 1.1常用的取值方法: 1.2特殊的取值方法: mod为取余数

JS JOSN 静态和动态取值

昨天做前端提示语国际化时候,发现忘记怎么动态取JSON 中的值了.再次记录一下. <script type="text/javascript"> <!-- json = { 'a' : {'b':'c'} } alert(json.a.b)// 静态取值 var a = "a"; var b = "b" alert(json[a][b])//动态取值 //--> </script>

锐浪 报表, 当多行交叉报表时,对多行交叉报表中自由格中的多个字段控件,进行颜色控制. 取值 判断等实现

需要注意的点是: 1 . 要对自由格中对应的 字段框的背景填充方式改为:填充,否则没有效果. 2 . 代码中红色部门代码: Column 为明细网络对象属性中的 列集合 中的 交叉列的 名称,  Report.RunningDetailGrid.Columns.Item("Column_2") 3.  蓝色部门 为自由格中 控件的索引位置 ,也可以根据字段框的名称来进行控制如:  contentCell.Controls.Item("FieldBox8") 代码如下

loadrunner动态从mysql取值

loadrunner动态从mysql取值 loadrunner动态从mysql取值 [需要下载跟数据库服务器一致的dll,32位或64位] loadrunner中有参数化从数据库中取值,但是只是静态的,对于一些要实时取值的数据就game over了,比如取短信验证码,因为MySQL中有一个libmysql.dll,里面提供了可以操作数据库的方法,所以我们可以调用这个dll连接数据库实时从数据库中取值 1 Action() 2 { 3 4 int status; //定义状态变量,0表示成功,非0

ASP.NET MVC程序中动态修改form的Action值

在练习ASP.NET MVC时,为了实现一个小功能,POST数据至服务器执行时,需要动态修改form的action值. 下面Insus.NET列举一个例子来演示它.让它简单,明白易了解. 你可以在控制器中,创建3个操作action: 标记1是实现视图,而标记2与3是为form的action.其中Isus.NET有使用ContentResult来替代Response.Write向视图输出结果. 在视图中,我们在form中,放一个文件框,两个铵钮,但没有在form中,设置action值.稍后我们在铵

关于模板中的动态取值 ---反射与javascript脚本编译

在项目中经常遇到一个问题,打印word或者打印excel的时候,我们经常使用一对一的赋值或者批量替换的方式来对模板进行修改. 但是现在遇到两种场景: 1.取值是通过自定以方法进行取值的. 如:一个销售单据,会涉及到很多种费用,并且这些费用是由后台配置的,非常灵活.但是我们在制作打印模板时取值各项费用我们该如何去定义他呢,如何给他赋值呢?我们如果针对这一个场景下的模板进行一个特殊定义后,在打印另一份单据或者遇到同样的取值非常灵活的数据,是不是也需要进行特殊处理呢. 2.取值是通过自行定义进行取值的