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数组使用调用方法汇总
Dec 08 Javascript
Javascript 判断是否存在函数的方法
Jan 03 Javascript
jquery 实现密码框的显示与隐藏示例代码
Sep 18 Javascript
jQuery 事件的命名空间简单了解
Nov 22 Javascript
jQuery封装的获取Url中的Get参数示例
Nov 26 Javascript
JS和Jquery获取和修改label的值的示例代码
Jan 15 Javascript
jQuery获取cookie值及删除cookie用法实例
Apr 15 Javascript
javascript基础知识之html5轮播图实例讲解(44)
Feb 17 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
May 22 Javascript
javascript实现5秒倒计时并跳转功能
Jun 20 Javascript
js实现百度登录窗口拖拽效果
Mar 19 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读取EXCEL文件 php excelreader读取excel文件
2012/12/06 PHP
PHP版本常用的排序算法汇总
2015/12/20 PHP
PHP实现基于mysqli的Model基类完整实例
2016/04/08 PHP
如何直接访问php实例对象中的private属性详解
2017/10/12 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
用tip解决Ext列宽度不够的问题
2008/12/13 Javascript
javaScript 判断字符串是否为数字的简单方法
2009/07/25 Javascript
document.getElementById方法在Firefox与IE中的区别
2010/05/18 Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
2011/07/26 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
js数组依据下标删除元素
2015/04/14 Javascript
五种js判断是否为整数类型方式
2015/12/03 Javascript
使用JavaScriptCore实现OC和JS交互详解
2017/03/28 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
简单谈谈CommonsChunkPlugin抽取公共模块
2017/12/31 Javascript
Vue 实现双向绑定的四种方法
2018/03/16 Javascript
jQuery实现的点击图片居中放大缩小功能示例
2019/01/16 jQuery
微信小程序实现九宫格抽奖
2020/04/15 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
2019/05/07 Javascript
JS实现长图上下滚动效果
2020/03/19 Javascript
vue3+typeScript穿梭框的实现示例
2020/12/29 Vue.js
详解Python中的条件判断语句
2015/05/14 Python
python使用wmi模块获取windows下硬盘信息的方法
2015/05/15 Python
python发送HTTP请求的方法小结
2015/07/08 Python
Python错误: SyntaxError: Non-ASCII character解决办法
2017/06/08 Python
详解用pyecharts Geo实现动态数据热力图城市找不到问题解决
2019/06/26 Python
Pandas DataFrame中的tuple元素遍历的实现
2019/10/23 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
日本最大的旅游网站:Rakuten Travel(乐天旅游)
2018/08/02 全球购物
建筑工程自我鉴定
2013/10/18 职场文书
餐厅销售主管职责范本
2014/02/19 职场文书
2014年公务员个人工作总结
2014/11/22 职场文书
培训讲师开场白
2015/06/01 职场文书
合同范本之电脑出租
2019/08/13 职场文书
导游词之太湖
2019/10/08 职场文书
python中opencv实现图片文本倾斜校正
2021/06/11 Python