jquery获取tr中控件值并操作tr实现思路


Posted in Javascript onMarch 27, 2013
<table style="width: 100%; height: 100%" border="1"> 
<caption> 
Material/Special Tool Rental/Tool Cantainer/Transportation/Mobile</caption> 
<tbody><tr> 
<td> 
Project No 
</td> 
<td> 
<input type="hidden" name="hidProjectInnerID" id="hidProjectInnerID"> 
<input name="txtProjectNo" type="text" id="txtProjectNo" class="Error"><a href="javascript:void(0)" onclick="SelectProject();">选择</a> 
</td> 
<td> 
Final Custome: 
</td> 
<td> 
<span id="labFinalCustome">Label</span> 
</td> 
<td> 
Order No. 
</td> 
<td> 
<span id="labOrderNo">Label</span> 
</td> 
<td> 
Project Leaing Time: 
</td> 
<td> 
<span id="labProjectLeaingTime">Label</span> 
</td> 
</tr> 
<tr> 
<td colspan="8"> 
Exchange Rate:8.3000 
</td> 
</tr> 
<tr align="center"> 
<td> 
item 
</td> 
<td colspan="2"> 
Description 
</td> 
<td> 
QTY 
</td> 
<td> 
Unit 
</td> 
<td> 
Total 
</td> 
<td> 
Remark 
</td> 
<td> 
<a id="NewItem" href="javascript:void(0)">NewItem</a> 
</td> 
</tr> 
</tbody><tbody id="tbItem"> 
<tr align="center"> 
<td> 
</td> 
<td colspan="2"> 
</td> 
<td> 
</td> 
<td> 
</td> 
<td> 
</td> 
<td> 
</td> 
<td> 
  
</td> 
</tr> 
<tr id="tbItem1" align="center"><td><select id="selItem" name="Item"><option value="Material">Material</option><option value="Mobile">Mobile</option><option value="Others">Others</option><option value="SpecialToolRental">Special Tool Rental</option><option value="ToolContainer">Tool Container</option><option value="Transportation">Transportation</option><option value="WorkingHours">WorkingHours</option></select></td><td colspan="2"><input id="txtDescription" style="width:90%" type="text" name="Item"></td><td><input id="txtQTY" type="text" name="Item"></td><td><input id="txtUnit" type="text" name="Item"></td><td><input id="txtTotal" type="text" name="Item"></td><td><input id="txtRemark" type="text" name="Item"></td><td><a href="javascript:;SaveItem('tbItem1')">保存</a> | <a href="javascript:;DelItem('tbItem1')">删除</a> <input id="txtInnerID" type="hidden" name="Item"></td></tr></tbody> 
</table>

function SaveItem(index) { 
var tr = $("tr[id=" + index + "]"); 
var innerid = tr.find('input[ID$=txtInnerID]').val(); 
var item = tr.find("select[id*=selItem]").val(); 
var des = tr.find('input[ID$=txtDescription]').val(); 
var qty = tr.find('input[ID$=txtQTY]').val(); 
var unit = tr.find('input[ID$=txtUnit]').val(); 
var total = tr.find('input[ID$=txtTotal]').val(); 
var remark = tr.find('input[ID$=txtRemark]').val(); 
//alert(innerid + "/" + item + des + qty + unit + total + remark); 
//验证项目编号 
var proinnerid = $("#hidProjectInnerID").val(); 
if (proinnerid == "") { 
$("#txtProjectNo").removeClass("Field"); 
$("#txtProjectNo").addClass("Error"); 
return false; 
} 
/* 
jQuery.ajax({ 
type: 'get', 
url: '../Handler/ProjectReport.ashx', 
data: { "key": "save", "proinnerid": $("#hidProjectInnerID").val(), "innerid": innerid, "type": type, "content": content, "startdate": startdate, "enddate": enddate, "remark": remark }, 
cache: false, 
success: function (result) { 
var jsonobj = eval(result); 
if (jsonobj[0].result == "true") 
alert("Sueecss"); 
else 
alert("Error"); 
} 
}); 
*/ 
} 
function DelItem(index) { 
var tr = $("tr[id=" + index + "]"); 
//var innerid = tr.find('input[ID$=txtInnerID]').val(); 
$("tr[id=" + index + "]").remove(); 
}
Javascript 相关文章推荐
JavaScript入门之事件、cookie、定时等
Oct 21 Javascript
JavaScript代码判断点击第几个按钮
Dec 13 Javascript
学习JavaScript设计模式之观察者模式
Apr 22 Javascript
JS简单循环遍历json数组的方法
Apr 22 Javascript
AngularJS实现单独作用域内的数据操作
Sep 05 Javascript
D3.js实现雷达图的方法详解
Sep 22 Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
Oct 24 Javascript
Vue在页面右上角实现可悬浮/隐藏的系统菜单
May 04 Javascript
使用JavaScript破解web
Sep 28 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
Oct 31 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
Dec 29 Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 #Javascript
JS删除数组元素的函数介绍
Mar 27 #Javascript
jquery struts 验证唯一标识(公用方法)
Mar 27 #Javascript
Json对象与Json字符串互转(4种转换方式)
Mar 27 #Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 #Javascript
早该知道的7个JavaScript技巧
Mar 27 #Javascript
JavaScript中的style.display属性操作
Mar 27 #Javascript
You might like
随机头像PHP版
2006/10/09 PHP
你的编程语言可以这样做吗?
2006/09/07 Javascript
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
2009/05/14 Javascript
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
JavaScript表达式:URL 协议介绍
2013/03/10 Javascript
jquery多选项卡效果实例代码(附效果图)
2013/03/23 Javascript
JavaScript prototype 使用介绍
2013/08/29 Javascript
Bootstrap每天必学之进度条
2015/11/30 Javascript
AngularJS基础 ng-cloak 指令简单示例
2016/08/01 Javascript
vue 请求后台数据的实例代码
2017/06/22 Javascript
移动端触摸滑动插件swiper使用方法详解
2017/08/11 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
2017/12/25 jQuery
layui 给数据表格加序号的方法
2018/08/20 Javascript
webpack 静态资源集中输出的方法示例
2018/11/09 Javascript
JS自定义右键菜单实现代码解析
2020/07/16 Javascript
在Python3中使用asyncio库进行快速数据抓取的教程
2015/04/02 Python
Python 实现文件的全备份和差异备份详解
2016/12/27 Python
Python建立Map写Excel表实例解析
2018/01/17 Python
python实现识别手写数字 python图像识别算法
2020/03/23 Python
Python用于学习重要算法的模块pygorithm实例浅析
2018/08/16 Python
Python查找最长不包含重复字符的子字符串算法示例
2019/02/13 Python
Django框架 信号调度原理解析
2019/09/04 Python
Corelle官方网站:购买康宁餐具
2016/11/02 全球购物
泰国第一在线超市:Tops
2021/02/13 全球购物
简历中个人求职的自我评价模板
2013/11/29 职场文书
初三物理教学反思
2014/01/21 职场文书
高二物理教学反思
2014/02/08 职场文书
银行行长竞聘演讲稿
2014/04/23 职场文书
2014年国庆标语
2014/06/30 职场文书
医药公司采购员岗位职责
2014/09/12 职场文书
涉及车辆房产分割的离婚协议书范文
2014/10/12 职场文书
《酸的和甜的》教学反思
2016/02/18 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
解决SpringBoot跨域的三种方式
2021/06/26 Java/Android
总结Python变量的相关知识
2021/06/28 Python
Python 键盘事件详解
2021/11/11 Python