先一个button   id=addRow

点击事件进行添加

 $("#addRow").bind("click", function () {
var rownum = $("#renyuanxinxi tr").size();//行数,便于查处追加出来的行数

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>";
$("#renyuan").append(addHTML); //根据id为renyuan的tbody标签进行append追加 });

取值并传值给controller   传过去的是名为list的一个集合

function addxingcheng() {
var AddData = [];
var XianluName=$("#aa").val();
$("#aaaaa>tr").each(function () {
var data = {
GxcId:,
GxcTianshu: $(this).find("td:eq(1)").children().val(),
GxcZhandian: $(this).find("td:eq(2)").children().val(),
GxcLeixing: $(this).find("td:eq(3)").children().val(),
GxcDidian: $(this).find("td:eq(4)").children().val(),
GxcShuoming: $(this).find("td:eq(5)").children().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动态追加行及取值的更多相关文章

  1. 动态生成DropDownList 并取值

    Default.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Def ...

  2. Angular配置路由以及动态路由取值传值跳转

    Angular配置路由 1.找到 app-routing.module.ts 配置路由 引入组件 import { HomeComponent } from './home/home.componen ...

  3. LoadRunner进行参数化的九种方式取值和连接数据库取值

    一.连接mysql数据库取值 1.首先安装odbc驱动 链接: https://pan.baidu.com/s/1WAYd4ygQqIrbB08S01hSkg 提取码: gdfs 2.操作步骤如下图: ...

  4. matlab-数组取值

    一起来学matlab-数组取值 觉得有用的话,欢迎一起讨论相互学习~Follow Me MATLAB中的字符串符号 :冒号 s1=['I am sad';'you are ';'interest'] ...

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

    开发过程中经常碰到许多不确定事项,所以有时需要动态生成新的记录,如图所示,点击新增时新增一条参考记录,点击删除时则删除该记录:第一步,创建一个表格,用hidden记录当前最大行数,添加时则只需复制模板 ...

  6. js动态添加-表格逐行添加、删除、遍历取值

    关于js对表格进行逐行添加,今天抽空整理了一下:新建一个html文件(没有编辑器的可以新建一个demo.txt文件,然后改后缀名为demo.html),把下面代码全部贴进去即可.功能包括:表格添加一行 ...

  7. LayUI 多选框动态加载、启用、禁用、赋值、取值等js实现

    例如多选框如下: <div class="layui-form"> <select xm-select="city"> </sel ...

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

    在练习ASP.NET MVC时,为了实现一个小功能,POST数据至服务器执行时,需要动态修改form的action值. 下面Insus.NET列举一个例子来演示它.让它简单,明白易了解. 你可以在控制 ...

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

    在项目中经常遇到一个问题,打印word或者打印excel的时候,我们经常使用一对一的赋值或者批量替换的方式来对模板进行修改. 但是现在遇到两种场景: 1.取值是通过自定以方法进行取值的. 如:一个销售 ...

随机推荐

  1. 创建Material Design风格的Android应用--应用主题

    本人全部文章首先公布于个人博客,欢迎关注,地址:http://blog.isming.me 昨天正式公布了android 5,同一时候android developer站点也更新了,添加了创建Mate ...

  2. Struts%$#区别

    1.#符号的用途一般有三种.1)访问非根对象属性,例如示例中的#session.msg表达式,由于Struts 2中值栈被视为根对象,所以访问其他非根对象时,需要加#前缀.实际上,#相当于Action ...

  3. POJ 2739 Sum of Consecutive Prime Numbers( *【素数存表】+暴力枚举 )

    Sum of Consecutive Prime Numbers Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 19895 ...

  4. HDU2732 Leapin' Lizards —— 最大流、拆点

    题目链接:https://vjudge.net/problem/HDU-2732 Leapin' Lizards Time Limit: 2000/1000 MS (Java/Others)    M ...

  5. 以太坊EVM在安全性方面的考虑

    以太坊上用户编写的合约是不可控的,要保证这些合约能够正确执行并且不会影响区块链的稳定,虚拟机需要做安全方面的考虑. 1 在程序执行过程中采取的每个计算步骤都必须提前支付费用, 从而防止DoS攻击.先消 ...

  6. silverlight中 ComboBox绑定数据库,并获取当前选定值

    silverlight中 ComboBox绑定数据库,并获取当前选定值 在silverlight中 用combobox下拉菜单绑定数据库的方法和用DataGrid绑定数据库的方法类似. page.xa ...

  7. 关闭ext4文件系统的日志功能

    最近在帮一个研究生弄一个虚拟化环境下的基于Innodb的日志文件的读写优化的实验,实验的具体详细内容就不说了,其中有一个步骤需要将MySQL的日志文件放置在一块单独的硬盘里面,这块硬盘要么是ext2, ...

  8. maven实战(3)-- dependency <classifier>的使用

    Maven 的classifier的作用 转自:http://blog.csdn.net/lovingprince/article/details/5894459 直接看一个例子,maven中要引入j ...

  9. hdu-3592 World Exhibition(差分约束)

    题目链接: World Exhibition Time Limit: 2000/1000 MS (Java/Others)     Memory Limit: 32768/32768 K (Java/ ...

  10. C#:目录

    ylbtech-C#:目录 1.返回顶部   2.返回顶部   3.返回顶部   4.返回顶部   5.返回顶部     6.返回顶部   作者:ylbtech出处:http://ylbtech.cn ...