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 相关文章推荐
解决JS浮点数运算出现Bug的方法
Mar 12 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
Apr 01 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
Dec 25 Javascript
js中reverse函数的用法详解
Dec 26 Javascript
利用进制转换压缩数字函数分享
Jan 02 Javascript
基于insertBefore制作简单的循环插空效果
Sep 21 Javascript
基于jQuery实现放大镜特效
Oct 19 Javascript
JS实现的表格行上下移动操作示例
Aug 03 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
Sep 27 Javascript
JS创建Tag标签的方法详解
Jun 09 Javascript
实战node静态文件服务器的示例代码
Mar 08 Javascript
使用node-media-server搭建一个简易的流媒体服务器
Jan 20 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 调用远程url的六种方法小结
2009/11/02 PHP
php可应用于面包屑导航的递归寻找家谱树实现方法
2015/02/02 PHP
PHP版本常用的排序算法汇总
2015/12/20 PHP
Zend Framework过滤器Zend_Filter用法详解
2016/12/09 PHP
IE浏览器IFrame对象内存不释放问题解决方法
2014/08/22 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
asp知识整理笔记3(问答模式)
2015/09/27 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
jQuery使用$.ajax提交表单完整实例
2015/12/11 Javascript
深入浅析JS Function()构造函数
2016/08/22 Javascript
JavaScript利用闭包实现模块化
2017/01/13 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
2019/09/23 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
2019/10/26 jQuery
vue-cli3自动消除console.log()的调试信息方式
2020/10/21 Javascript
在Django的模板中使用认证数据的方法
2015/07/23 Python
Django URL传递参数的方法总结
2016/08/28 Python
python实现神经网络感知器算法
2017/12/20 Python
不知道这5种下划线的含义,你就不算真的会Python!
2018/10/09 Python
Python批量生成特定尺寸图片及图画任意文字的实例
2019/01/30 Python
python+numpy按行求一个二维数组的最大值方法
2019/07/09 Python
python requests指定出口ip的例子
2019/07/25 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
Python unittest 自动识别并执行测试用例方式
2020/03/09 Python
Python使用内置函数setattr设置对象的属性值
2020/10/16 Python
HTML+CSS+JavaScript实现图片3D展览的示例代码
2020/10/12 HTML / CSS
西安众合通用.net笔试题
2013/03/18 面试题
高中毕业自我评价
2014/02/08 职场文书
社区服务标语
2014/07/01 职场文书
艺术学院毕业生自荐信
2014/07/05 职场文书
2014单位领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
地下停车场租赁协议范本
2014/10/07 职场文书
五年级学生期末评语
2014/12/26 职场文书
董事长助理岗位职责
2015/02/11 职场文书
同学聚会通知短信
2015/04/20 职场文书
办公室卫生管理制度
2015/08/04 职场文书
青年人初次创业的“五不要”
2019/08/23 职场文书