忧里修斯
- 浏览: 432343 次
- 性别:
-
文章分类
最新评论
-
nianhua2008：
你好，请问哪个cocos版本可以读取cbx文件？
Cocos3dx入门 -
ihic11：
我的为什么Receive.jsp一直有乱码？请帮忙
网银在线支付注意事项 -
奔跑的蓝猫：
楼主你好！请问这两个文件怎么使用啊？
楼主能把源代码发给我下吗 ...
简易视频聊天 -
wx_hello：
不错。。学习了。。
jquery解析xml -
ocaicai：
圣人啊，救星啊，我被这个问题折磨得蛋疼!对了，我在google ...
struts2+urlrewrite
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function rowindex(tr)
{
var Browser = new Object();
Browser.isMozilla = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined') && (typeof HTMLDocument != 'undefined');
Browser.isIE = window.ActiveXObject ? true : false;
Browser.isFirefox = (navigator.userAgent.toLowerCase().indexOf("firefox") != - 1);
Browser.isSafari = (navigator.userAgent.toLowerCase().indexOf("safari") != - 1);
Browser.isOpera = (navigator.userAgent.toLowerCase().indexOf("opera") != - 1);
if (Browser.isIE)
{
return tr.rowIndex;
}
else
{
table = tr.parentNode.parentNode;
for (i = 0; i < table.rows.length; i ++ )
{
if (table.rows[i] == tr)
{
return i;
}
}
}
}
/**
* 新增一个价格阶梯
*/
function addLadder(obj)
{
var src = obj.parentNode.parentNode;
var idx = rowindex(src);
var tbl = document.getElementById("groupTable");
var row = tbl.insertRow(idx + 1);
var cell = row.insertCell(-1);
cell.innerHTML = '';
var cell = row.insertCell(-1);
cell.innerHTML = src.cells[1].innerHTML.replace(/(.*)(addLadder)(.*)(\[)(\+)/i, "$1removeLadder$3$4-");;
}
/**
* 删除一个价格阶梯
*/
function removeLadder(obj)
{
var row = rowindex(obj.parentNode.parentNode);
var tbl = document.getElementById('groupTable');
tbl.deleteRow(row);
}
</script>
</head>
<body>
<table id="groupTable" width="100%" cellpadding="0" cellspacing="0"
class="list_box" style="background-color: #fff;">
<tr>
<td align="right">
<b>价格阶梯：</b>
</td>
<td>
数量达到
<input type="text" name="ladder_amount[]" value="0" size="8" />
享受价格
<input type="text" name="ladder_price[]" value="0" size="8" />
<a href="javascript:;" onclick="addLadder(this)"><strong>[+]</strong>
</a>
</td>
</tr>
</table>
</body>
</html>
分享到：
发表评论
-
javascript跨域访问问题
2010-05-07 11:15 10101、比如在浏览器通过以下地址访问：http://localho ... -
jQuery动态绑定事件
2010-04-15 20:25 1057<input type="button&quo ... -
html <map>标签
2010-04-06 15:04 1414页面图像动态加热区,（使用map标签） 在Html中，给图 ... -
innerHTML属性说明
2010-03-26 11:26 947并不是所有的html标签都有innerHTML属性，比如sel ... -
常用的js
2010-03-10 13:05 950/** 一、验证类 1、数字验证内 1.1 整数 1. ... -
js 正则验证金额
2010-02-23 16:20 2027<input type="text" ... -
[转载]js中检测单选框选中
2010-02-23 15:51 1360当<input type="radio&q ... -
如何固定表格的宽度，让超出的内容自动换行
2010-02-23 13:33 1967<table style="word-brea ... -
兼容IE、FF的将当前页加入收藏夹和设为首页的js代码
2010-01-21 14:53 3494//添加到收藏夹 function AddToFavorit ... -
表单属性设为不可用 disabled 注意事项
2010-01-20 14:21 1143若一个表单的字段设为了不可用，如： <input ... -
Firefox下event is not define解决方法
2010-01-18 10:01 2732Firefox中Javascript使用event对象需要注意 ... -
js创建下拉列表树
2010-01-14 10:42 20951、html <tr> <td a ... -
js中使用json示例
2010-01-12 17:52 9781、var result= "{error:0,i ... -
js获取选中的单选按钮的值
2009-12-23 18:21 73211、页面 <table cellspacing=&quo ... -
jquery实现城市切换
2009-12-16 16:39 44641、页面 <div class="w6 ... -
jquery局部更新
2009-12-16 16:00 655function showMoreKeyword(){ ... -
js判断字符串str是否包含包含另一字符串regx
2009-11-27 16:34 3052示例： int pos = str.indexOf(regx ... -
限制文本域<textarea>的输入字数
2009-11-26 09:23 26161、消息文本域，限制字数不能多于300 <textar ... -
渐变背景的CSS代码
2009-11-06 23:05 1175<style type="text/css&q ... -
关于submit() 对象不支持此属性或方法的解决方法
2009-11-04 14:19 1296今日遇到这个奇怪的问题~ .submit() 对象不支持此属 ...
相关推荐
在JavaScript（JS）编程中，动态增加和删除行是一项常见的任务，特别是在开发表格或表单相关的Web应用时。这项技术可以提升用户...无论使用哪种方法，理解和掌握动态增加删除行的原理对于任何前端开发者都是必要的。
"js 动态增加删除行hwh"这个主题主要涉及到JavaScript操作DOM（Document Object Model）节点的能力。DOM是网页内容的结构化表示，通过它可以方便地对页面元素进行增删改查。 首先，让我们深入了解如何使用...
本文将深入探讨如何使用JavaScript动态地增加和删除表格行。 首先，我们来了解一下HTML表格的基本结构。一个表格由`<table>`元素包含，其中包含`<tr>`（表格行）元素，每行内可以有多个`<td>`（表格数据单元格）或`...
js增加动态表格，点击增加就增加一行，点击删除就删除一行，每行前面有勾选框，可以勾选，删除多行
在JavaScript中，表格（Table）是网页数据展示的常用元素，而动态地增加或删除行则是常见的交互需求。本文将深入探讨如何巧妙地利用JavaScript来实现这个功能。 首先，我们需要了解HTML中的`<table>`元素及其相关...
通过JS实现了动态的增加一行或是删除一行，可以进行多行数据录入。
这篇博客"JS对表格的动态增加删除行 (多个demo)"提供了实用的方法来帮助开发者实现这些功能。以下是对这个主题的详细说明： 1. **HTML表格基础**： HTML表格由`<table>`元素定义，行`<tr>`，列`<td>`（或`<th>`...
综上所述，动态增加删除行是前端开发中常见的需求，涉及到HTML、JavaScript、CSS以及可能的数据管理和用户交互设计。实现这一功能需要理解DOM操作，熟悉事件处理，并且能够根据应用的具体需求进行适当的优化和扩展。...
js实现动态增加和删除表格的行和列。实例 js实现动态增加和删除表格的行和列。实例
本篇文章将深入探讨如何利用d3.js插件构建动态拓扑图，并实现节点的动态增加与删除功能。 拓扑图是一种图形表示法，常用于描绘网络、系统或流程中的元素及其相互关系。在d3.js中，我们可以利用其强大的数据绑定和...
本文将深入探讨如何使用JavaScript来动态地增加和删除表格（Table）的行。 首先，我们需要了解HTML表格的基本结构。一个基本的表格由`<table>`元素、`<tr>`（表格行）元素、`<td>`（表格数据单元格）元素组成。如果...
使用javascript实现table动态增加删除行列。
web端js动态增加删除表格行，双击打开即可看效果
本话题将深入探讨如何实现一个动态表格，用户可以适时添加、删除和复制表格中的行。 首先，我们需要理解Ajax的工作原理。它通过JavaScript发送异步HTTP请求到服务器，获取或提交数据，然后使用JavaScript处理这些...
以下是关于"js动态添加行"的详细解释： 1. **理解DOM**: DOM是HTML或XML文档的结构化表示，它将网页内容转化为一个树状结构，使得我们可以用编程方式访问和修改页面元素。在JavaScript中，`document`对象提供了与...
4. **动态交互**：为了使用户体验更好，可以添加更多的交互功能，比如禁用删除按钮，或者在添加行时自动填充数据。这可以通过检查特定条件或使用`addEventListener`来实现。 5. **性能优化**：在处理大量数据时，应...
综上所述，"页面动态增加行"和"动态删除行"涉及JavaScript对DOM的操作，事件监听以及用户交互。通过这些技术，开发者可以创建更具活力和响应性的网页应用，提升用户的交互体验。在实际项目中，这通常与Ajax异步通信...
* 1、<script language="javascript" src="js/addContentRow.js"> * 2、 * <!-- 附件部分 --> * * <tr></tr> * * * <a href="javascript:addpicrow();">增加 * <a href="javascript:...
在JavaScript中，动态地添加或删除表格数据行是常见的需求，尤其在开发交互式Web应用时。本篇文章将深入探讨如何实现这些功能，并提供相关的源码示例。 首先，我们来了解一下HTML表格的基本结构。一个表格由`...