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 相关文章推荐
animate动画示例(泪奔的小孩)及stop和delay的使用
May 06 Javascript
javascript中replace使用方法总结
Mar 01 Javascript
js字符串与Unicode编码互相转换
May 17 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
vue中使用cropperjs的方法
Mar 01 Javascript
Vue项目分环境打包的实现步骤
Apr 02 Javascript
Vue中插入HTML代码的方法
Sep 21 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
Nov 30 Javascript
JQuery判断radio单选框是否选中并获取值的方法
Jan 17 jQuery
Vue实现一个图片懒加载插件
Mar 11 Javascript
javascript 使用sleep函数的常见方法详解
Apr 26 Javascript
JavaScript中EventBus实现对象之间通信
Oct 18 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
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
PHP安全技术之 实现php基本安全
2010/09/04 PHP
PHP图片处理之图片背景、画布操作
2014/11/19 PHP
php数组随机排序实现方法
2015/06/13 PHP
php实现的简单检验登陆类
2015/06/18 PHP
转一个日期输入控件,支持FF
2007/04/27 Javascript
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
原来Jquery.load的方法可以一直load下去
2011/03/28 Javascript
教你如何使用PHP输出中文JSON字符串
2014/05/22 Javascript
jQuery实现图片与文字描述左右滑动自动切换的方法
2015/07/27 Javascript
你不知道的 javascript【推荐】
2017/01/08 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
2017/03/03 Javascript
详解Vue 中 extend 、component 、mixins 、extends 的区别
2017/12/20 Javascript
vue 项目常用加载器及配置详解
2018/01/22 Javascript
javascript性能优化之分时函数的介绍
2018/03/28 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
jquery实现的放大镜效果示例
2020/02/24 jQuery
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
2020/11/10 Javascript
[43:43]完美世界DOTA2联赛PWL S2 FTD.C vs Rebirth 第一场 11.22
2020/11/24 DOTA
Python编写电话薄实现增删改查功能
2016/05/07 Python
Python装饰器知识点补充
2018/05/28 Python
基于Django URL传参 FORM表单传数据 get post的用法实例
2018/05/28 Python
python画折线图的程序
2018/07/26 Python
深入解析神经网络从原理到实现
2019/07/26 Python
python3读取autocad图形文件.py实例
2020/06/05 Python
The North Face官方旗舰店:美国著名户外品牌
2020/09/28 全球购物
下面代码从性能上考虑,有什么问题
2015/04/03 面试题
25道Java面试题集合
2013/05/21 面试题
咖啡店创业计划书范文
2014/09/15 职场文书
党的群众路线整改落实情况汇报
2014/10/28 职场文书
关于应聘教师的自荐信
2016/01/28 职场文书
2019入党申请书范文3篇
2019/08/21 职场文书
gateway与spring-boot-starter-web冲突问题的解决
2021/07/16 Java/Android
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js