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 相关文章推荐
关于firefox的ElementTraversal 接口 使用说明
Nov 11 Javascript
dojo学习第一天 Tab选项卡 实现
Aug 28 Javascript
jQuery之$(document).ready()使用介绍
Apr 05 Javascript
ExtJS判断IE浏览器类型的方法
Feb 10 Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 Javascript
JavaScript代码实现左右上下自动晃动自动移动
Apr 08 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 Javascript
JS实现的打字机效果完整实例
Jun 20 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
Vue自定义指令写法与个人理解
Feb 09 Javascript
微信小程序自定义弹窗实现详解(可通用)
Jul 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编程过程中需要了解的this,self,parent的区别
2009/12/30 PHP
php使用curl模拟登录后采集页面的例子
2013/11/04 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
最佳JS代码编写的14条技巧
2011/01/09 Javascript
Js动态添加复选框Checkbox的实例方法
2013/04/08 Javascript
基于NodeJS的前后端分离的思考与实践(四)安全问题解决方案
2014/09/26 NodeJs
jQuery网页选项卡插件rTabs用法实例分析
2015/08/26 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
2016/04/14 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
2016/05/09 Javascript
JavaScript中获取HTML元素值的三种方法
2016/06/20 Javascript
JavaScipt选取文档元素的方法(推荐)
2016/08/05 Javascript
详解webpack与SPA实践之开发环境搭建
2017/12/18 Javascript
微信小程序实现留言功能
2018/10/31 Javascript
Vue+Element实现动态生成新表单并添加验证功能
2019/05/23 Javascript
对vuex中getters计算过滤操作详解
2019/11/06 Javascript
python抓取某汽车网数据解析html存入excel示例
2013/12/04 Python
python复制文件到指定目录的实例
2018/04/27 Python
Python学习笔记之装饰器
2020/08/06 Python
HTML5 CSS3实现一个精美VCD包装盒个性幻灯片案例
2014/06/16 HTML / CSS
世界上最受欢迎的钓鱼诱饵:Rapala
2019/05/02 全球购物
TUMI香港官网:国际领先的行李箱、背囊品牌
2021/03/01 全球购物
会计系毕业个人自荐信格式
2013/09/23 职场文书
师范大学音乐表演专业求职信
2013/10/23 职场文书
消防先进事迹材料
2014/02/10 职场文书
小学阳光体育活动总结
2014/07/05 职场文书
2014年小学重阳节活动策划方案
2014/09/16 职场文书
环境卫生工作汇报材料
2014/10/28 职场文书
九年级数学教学反思
2016/02/17 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书
导游词之杭州西湖
2019/09/19 职场文书
python字符串的一些常见实用操作
2022/04/06 Python
Win11如何启用启动修复 ? Win11执行启动修复的三种方法
2022/04/08 数码科技
python实现手机推送 代码也就10行左右
2022/04/12 Python
Docker官方工具docker-registry案例演示
2022/04/13 Servers