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 相关文章推荐
pjblog修改技巧汇总
Mar 12 Javascript
JavaScript 对象成员的可见性说明
Oct 16 Javascript
jQuery Lightbox 图片展示插件使用说明
Apr 25 Javascript
javascript中最常用的继承模式 组合继承
Aug 12 Javascript
使用jquery实现简单的ajax
Jul 08 Javascript
Javascript数组操作函数总结
Feb 05 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
Nov 25 Javascript
Javascript中常用类型的格式化方法小结
Dec 26 Javascript
微信小程序多音频播放进度条问题
Aug 28 Javascript
jQuery.parseJSON()函数详解
Feb 28 jQuery
echarts大屏字体自适应的方法步骤
Jul 12 Javascript
vue element-ul实现展开和收起功能的实例代码
Nov 25 Vue.js
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/07/08 PHP
PHP 变量定义和变量替换的方法
2009/07/30 PHP
PHP面向对象学习笔记之一 基础概念
2012/10/06 PHP
有关phpmailer的详细介绍及使用方法
2013/01/28 PHP
PHP登录环节防止sql注入的方法浅析
2014/06/30 PHP
PHP实现的DES加密解密封装类完整实例
2017/04/29 PHP
php app支付宝回调(异步通知)详解
2018/07/25 PHP
JavaScript之appendChild、insertBefore和insertAfter使用说明
2010/12/30 Javascript
js计算两个时间之间天数差的实例代码
2013/11/19 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
jsonp跨域请求数据实现手机号码查询实例分析
2015/12/12 Javascript
JavaScript 正则表达式中global模式的特性
2016/02/25 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
基于Vue+element-ui 的Table二次封装的实现
2018/07/20 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
Node.js控制台彩色输出的方法与原理实例详解
2019/12/01 Javascript
JavaScript中展开运算符及应用的实例代码
2021/01/14 Javascript
[51:26]VP vs VG 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python批量修改文件后缀的方法
2014/01/26 Python
Python文件读取的3种方法及路径转义
2015/06/21 Python
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
python 一篇文章搞懂装饰器所有用法(建议收藏)
2019/08/23 Python
Python实现图片识别加翻译功能
2019/12/26 Python
django序列化时使用外键的真实值操作
2020/07/15 Python
pycharm 多行批量缩进和反向缩进快捷键介绍
2021/01/15 Python
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
加拿大百叶窗和窗帘定制网站:Blinds
2017/01/30 全球购物
Rhone官方网站:男士运动服装、健身服装和高级运动服
2019/05/01 全球购物
简短大学毕业感言
2014/01/18 职场文书
遗体告别仪式主持词
2014/03/20 职场文书
法律系毕业生自荐信范文
2014/03/27 职场文书
敲诈同学钱财检讨书范文
2014/11/18 职场文书
mysql数据库实现设置字段长度
2022/06/10 MySQL
蓝牙耳机怎么连接电脑win11? Win11蓝牙耳机连接电脑的技巧
2023/01/09 数码科技