先一个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. Android源代码下载过程中无法下载repo的解决方法【转】

    本文转载自:http://blog.csdn.net/shangyuan21/article/details/17618575 我们都知道下载Android源代码需要使用repo进行辅助下载,但是最进 ...

  2. POJ3984 迷宫问题 —— BFS

    题目链接:http://poj.org/problem?id=3984 迷宫问题 Time Limit: 1000MS   Memory Limit: 65536K Total Submissions ...

  3. hdu 1075 What Are You Talking About(map)

    题意:单词翻译 思路:map #include<iostream> #include<stdio.h> #include<string.h> #include< ...

  4. Apache Maven的下载、安装、测试

    Apache Maven是个软件项目管理工具,基于项目对象模型(Project Object Model,POM)的概念,Maven可用来管理项目的依赖.编译.文档等信息. 使用Maven管理项目时, ...

  5. hel软工网络16个人作业1

    1Task1:注册个人博客账号 1Task2:注册码云账号 1Task3:提出问题 3.1问题一:软件工程是什么? 在第一章中我们可以从P8得到: 1.软件工程就是把系统的.有序的.可量化的方法应用到 ...

  6. RadioGroup和RadioButton

    Activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android&qu ...

  7. Linux系统之文件传输的几种方式

    Linux系统安装好以后以及能上网.能进行软件安装后,接下来可能就需要从其它机器复制一些文件或者把文件复制到其它机器,那么就涉及到文件的传输和共享,下面介绍一下常规的一些文件传输和共享方案. 1.传统 ...

  8. .NETFramework:Regex

    ylbtech-.NETFramework:Regex 1.返回顶部 1. #region 程序集 System, Version=4.0.0.0, Culture=neutral, PublicKe ...

  9. 【旧文章搬运】Windbg+Vmware驱动调试入门(三)---Windbg基本调试入门

    原文发表于百度空间,2009-01-09========================================================================== 这一节的内 ...

  10. 线程间操作无效: 从不是创建控件“xxxxxxxx”的线程访问它。

    方法一: Control.CheckForIllegalCrossThreadCalls = false; 方法二:(推荐) this.Invoke(new MethodInvoker(() => ...