MVC:html动态追加行及取值
先一个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动态追加行及取值的更多相关文章
- 动态生成DropDownList 并取值
Default.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Def ...
- Angular配置路由以及动态路由取值传值跳转
Angular配置路由 1.找到 app-routing.module.ts 配置路由 引入组件 import { HomeComponent } from './home/home.componen ...
- LoadRunner进行参数化的九种方式取值和连接数据库取值
一.连接mysql数据库取值 1.首先安装odbc驱动 链接: https://pan.baidu.com/s/1WAYd4ygQqIrbB08S01hSkg 提取码: gdfs 2.操作步骤如下图: ...
- matlab-数组取值
一起来学matlab-数组取值 觉得有用的话,欢迎一起讨论相互学习~Follow Me MATLAB中的字符串符号 :冒号 s1=['I am sad';'you are ';'interest'] ...
- Webform动态创建删除行及后台取值
开发过程中经常碰到许多不确定事项,所以有时需要动态生成新的记录,如图所示,点击新增时新增一条参考记录,点击删除时则删除该记录:第一步,创建一个表格,用hidden记录当前最大行数,添加时则只需复制模板 ...
- js动态添加-表格逐行添加、删除、遍历取值
关于js对表格进行逐行添加,今天抽空整理了一下:新建一个html文件(没有编辑器的可以新建一个demo.txt文件,然后改后缀名为demo.html),把下面代码全部贴进去即可.功能包括:表格添加一行 ...
- LayUI 多选框动态加载、启用、禁用、赋值、取值等js实现
例如多选框如下: <div class="layui-form"> <select xm-select="city"> </sel ...
- ASP.NET MVC程序中动态修改form的Action值
在练习ASP.NET MVC时,为了实现一个小功能,POST数据至服务器执行时,需要动态修改form的action值. 下面Insus.NET列举一个例子来演示它.让它简单,明白易了解. 你可以在控制 ...
- 关于模板中的动态取值 ---反射与javascript脚本编译
在项目中经常遇到一个问题,打印word或者打印excel的时候,我们经常使用一对一的赋值或者批量替换的方式来对模板进行修改. 但是现在遇到两种场景: 1.取值是通过自定以方法进行取值的. 如:一个销售 ...
随机推荐
- code[VS] 1297 硬币
题目描写叙述 Description 我们知道即使是同一种面值的硬币,它们的重量也有可能不一样,由于它受到很多因素的影响,包含制造工艺和流程上的.可是不论什么一种面值的硬币的重量总是处于某个特定范围之 ...
- Android系统设置Android adb 开关的方法【转】
本文转载自:http://www.wxtlife.com/2015/11/24/Android-set-adb-status/ 想第一时间获取我的最新文章,请关注公众号: 技术特工队 在整机系统开发中 ...
- 书写优雅的shell脚本(插曲)- /proc/${pid}/status
Linux中/proc/[pid]/status详细说明 博客分类: OS Linux多线程 [root@localhost ~]# cat /proc/self/status Name: cat ...
- CentOS 6.5升级到CentOS 7
CentOS7 已经发布了,之前一直想在上面测试一下,一直没有机会,这次终于可以感受一下CentOS7了.一直使用CentOS6.5有一段时间了,但是由于它的内核版本依然停留在2.6.32,所以决定升 ...
- Integrate Your Code with the Frameworks---整合你的代码和框架
Back to Frameworks Integrate Your Code with the Frameworks When you develop an app for OS X or iOS, ...
- centos7安装redis3.2.12
1.准备安装包,放在/usr/local/src/ 2.解压安装包,解压到/usr/local/ tar zxf redis-3.2.12.tar.gz -C /usr/local/ 3.cd /us ...
- ASP.NET Core MVC 2.x 全面教程__ASP.NET Core MVC 19. XSS & CSRF
存库之前先净化,净化之后再提交到数据库 刚才插入的那笔数据 把默认的Razor引擎默认的EnCode去掉.Razor默认会开启htmlEnCodding 数据恢复回来 插入数据库之前对插入的数据进行净 ...
- .NET Core 3.0之深入源码理解Configuration(二)
文件型配置基本内容 上一篇文章讨论了Configuration的几个核心对象,本文继续讨论Configuration中关于文件型配置的相关内容.相比较而言,文件型配置的使用场景更加广泛,用户自定义 ...
- android的logcat的message有字符长度的限制,超过将直接截断
http://blog.csdn.net/qidizi/article/details/47291803 今天想在logcat中输出足够多的调试信息时,发现从logcat中返回的信息中明显少了后面一节 ...
- bzoj 1090: [SCOI2003]字符串折叠【区间dp】
设f[i][j]为区间(i,j)的最短长度,然后转移的话一个是f[i][j]=min(j-i+1,f[i][k]+f[k+1][j]),还有就是把(k+1,j)合并到(i,k)上,需要判断一下字符串相 ...