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 相关文章推荐
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
Sep 27 Javascript
关于 文本框默认值 的操作js代码
Jan 12 Javascript
THREE.JS入门教程(3)着色器-下
Jan 24 Javascript
JavaScript中的null和undefined区别介绍
Jan 01 Javascript
Node.js开源应用框架HapiJS介绍
Jan 14 Javascript
javascript发送短信验证码实现代码
Nov 12 Javascript
简要了解jQuery移动web开发的响应式布局设计
Dec 04 Javascript
完美JQuery图片切换效果的简单实现
Jul 21 Javascript
react router 4.0以上的路由应用详解
Sep 21 Javascript
React如何实现浏览器打印部分内容详析
May 19 Javascript
关于layui 弹出层一闪而过就消失的解决方法
Sep 09 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
Aug 04 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+Html+缓存
2006/12/20 PHP
在PHP模板引擎smarty生成随机数的方法和math函数详解
2014/04/24 PHP
thinkphp四种url访问方式详解
2014/11/28 PHP
php下载文件,添加响应头的简单实例
2016/09/22 PHP
JavaScript写的一个DIV 弹出网页对话框
2009/08/14 Javascript
IE6中使用position导致页面变形的解决方案(js代码)
2011/01/09 Javascript
jQuery 版元素拖拽原型代码
2011/04/25 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
2013/03/21 Javascript
js获取页面传来参数的方法
2014/09/06 Javascript
JavaScript日期时间与时间戳的转换函数分享
2015/01/31 Javascript
js实现完美兼容各大浏览器的人民币大小写相互转换
2015/10/29 Javascript
JS表单验证的代码(常用)
2016/04/08 Javascript
在Node.js中使用Javascript Generators详解
2016/05/05 Javascript
浅谈Express异步进化史
2017/09/09 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
2017/09/20 Javascript
vue2.x+webpack快速搭建前端项目框架详解
2017/11/30 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
2018/01/20 Javascript
JavaScript 日期时间选择器一些小结
2018/04/02 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
微信小程序 数据缓存实现方法详解
2019/08/26 Javascript
layui数据表格跨行自动合并的例子
2019/09/02 Javascript
[05:26]TI10典藏宝瓶套装外观展示
2020/07/03 DOTA
基于Django模板中的数字自增(详解)
2017/09/05 Python
天游软件面试
2013/11/23 面试题
南京某公司笔试题
2013/01/27 面试题
大专毕业生自我鉴定
2013/11/21 职场文书
入党转预备思想汇报
2014/01/07 职场文书
经典导游欢迎词大全
2014/01/16 职场文书
办公室秘书自我鉴定
2014/01/18 职场文书
学校门卫岗位职责
2014/03/16 职场文书
QQ空间主人寄语大全
2014/04/12 职场文书
党员国庆节演讲稿范文2014
2014/09/21 职场文书
幼师小班个人总结
2015/02/12 职场文书
银行安全保卫工作总结
2015/08/10 职场文书
gateway网关接口请求的校验方式
2021/07/15 Java/Android
SQL SERVER存储过程用法详解
2022/02/24 SQL Server