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同步Import,同步调用外部js的方法
Jul 08 Javascript
js类型检查实现代码
Oct 29 Javascript
window.open以post方式将内容提交到新窗口
Dec 26 Javascript
JS中字符串trim()使用示例
May 26 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
May 10 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
May 17 Javascript
关于javascript作用域的常见面试题分享
Jun 18 Javascript
JS实现的base64加密解密操作示例
Apr 18 Javascript
对angularJs中$sce服务安全显示html文本的实例
Sep 30 Javascript
javascript canvas时钟模拟器
Jul 13 Javascript
vue cli 3.0通用打包配置代码,不分一二级目录
Sep 02 Javascript
Vue toFixed保留两位小数的3种方式
Oct 23 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中的正则表达式以及模式匹配
2013/06/19 PHP
javascript 写类方式之九
2009/07/05 Javascript
深入理解JQuery keyUp和keyDown的区别
2013/12/12 Javascript
javascript 按键事件(兼容各浏览器)
2013/12/20 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
jquery插入兄弟节点的操作方法
2016/12/07 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
Java与JavaScript中判断两字符串是否相等的区别
2017/03/13 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
2017/06/19 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
2017/08/26 Javascript
vue.js 使用axios实现下载功能的示例
2018/03/05 Javascript
解决vue无法设置滚动位置的问题
2018/10/07 Javascript
微信小程序实现文字无限轮播效果
2018/12/28 Javascript
详解JQuery基础动画操作
2019/04/12 jQuery
少女风vue组件库的制作全过程
2019/05/15 Javascript
[06:16]第十四期-国士无双绝地翻盘之撼地神牛
2014/06/24 DOTA
[03:44]2015国际邀请赛选手档案—Cloud9.NoTail
2015/07/28 DOTA
python 参数列表中的self 显式不等于冗余
2008/12/01 Python
用Python给文本创立向量空间模型的教程
2015/04/23 Python
Python smallseg分词用法实例分析
2015/05/28 Python
Python使用matplotlib绘制多个图形单独显示的方法示例
2018/03/14 Python
python 获取毫秒数,计算调用时长的方法
2019/02/20 Python
python 列表转为字典的两个小方法(小结)
2019/06/28 Python
django之使用celery-把耗时程序放到celery里面执行的方法
2019/07/12 Python
python中wheel的用法整理
2020/06/15 Python
pandas apply多线程实现代码
2020/08/17 Python
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
西门豹教学反思
2014/02/04 职场文书
保险公司早会主持词
2014/03/22 职场文书
小学教师师德整改措施
2014/09/29 职场文书
离婚协议书范文2014(夫妻感情破裂)
2014/12/14 职场文书
英语邀请函范文
2015/02/02 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
TypeScript 使用 Tuple Union 声明函数重载
2022/04/07 Javascript