蜗小牛
- 浏览: 60556 次
- 性别:
- 来自: 大连
-
文章分类
最新评论
在页面上动态的增加下拉列表，也可以动态增加其他元素
缺点是删除的时候，只能从后往前删除，不知哪位大神有方法实现定位删除
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
LastTableID = 0;
function add() {
LastTableID = LastTableID + 1;
adTable = document.getElementById('atb_' + LastTableID);
if (adTable != null) {
adTable.style.display = "block";
}
else {
str = '<table id="atb_' + LastTableID + '" style="display:block">';
str = str + '<tr height="25" align=center valign=middle bgcolor=#FFFFFF>';
str = str + '<td width="70"><select id="select1_' + LastTableID + '"></select></td>';
str = str + '</tr></table>';
window.upid.innerHTML += str + '';
}
}
function dellast() {
//alert(LastTableID);
if (LastTableID > 0) {
deleTable = document.getElementById('atb_' + LastTableID);
if (deleTable != null) {
deleTable.style.display = "none";
LastTableID = LastTableID - 1;
}
}
}
</script>
</head>
<body> 7
<form name="myform">
<table>
<tr>
<td>
<input name="Submit2" type="button" onclick="javascript:add()" value="增加">
<input type="button" name="del" onclick="javascript:dellast()" value="删除">
</td>
</tr>
<tr>
<td>
<div id="upid"></div>
</td>
</tr>
</table>
</form>
</body>
</html>
缺点是删除的时候，只能从后往前删除，不知哪位大神有方法实现定位删除
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
LastTableID = 0;
function add() {
LastTableID = LastTableID + 1;
adTable = document.getElementById('atb_' + LastTableID);
if (adTable != null) {
adTable.style.display = "block";
}
else {
str = '<table id="atb_' + LastTableID + '" style="display:block">';
str = str + '<tr height="25" align=center valign=middle bgcolor=#FFFFFF>';
str = str + '<td width="70"><select id="select1_' + LastTableID + '"></select></td>';
str = str + '</tr></table>';
window.upid.innerHTML += str + '';
}
}
function dellast() {
//alert(LastTableID);
if (LastTableID > 0) {
deleTable = document.getElementById('atb_' + LastTableID);
if (deleTable != null) {
deleTable.style.display = "none";
LastTableID = LastTableID - 1;
}
}
}
</script>
</head>
<body> 7
<form name="myform">
<table>
<tr>
<td>
<input name="Submit2" type="button" onclick="javascript:add()" value="增加">
<input type="button" name="del" onclick="javascript:dellast()" value="删除">
</td>
</tr>
<tr>
<td>
<div id="upid"></div>
</td>
</tr>
</table>
</form>
</body>
</html>
分享到：
发表评论
-
Jquery实现表格行的动态增加与删除
2014-05-29 08:45 1218<!DOCTYPE html PUBLIC " ... -
CSS3伪类选择器
2014-04-18 09:32 576CSS的伪类语法和别的语 ... -
Jquery实现选中左边的下拉菜单点击按钮之后跑右边
2014-04-15 14:34 1018script代码： <script type=" ... -
html之marquee详解
2014-03-28 10:07 607该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核 ... -
Html中a标签的四个属性 link ,visited , hover ,active 是有顺序的! LVHA
2014-03-25 15:39 18511。html中a标签的四个属性书写是有顺序的，如果顺序不对，显 ... -
修改360浏览器内核
2014-03-10 17:19 1888浏览器内核控制Meta标签说明文档 背景介绍 由于众所周知 ... -
实现DIV层内的文字垂直居中
2014-03-07 14:03 720有时候，为了网页设计的美观，需要把div+css设计的页面里的 ... -
bootstrap时间控件
2014-03-06 13:27 1186<!DOCTYPE html PUBLIC " ... -
IE=EmulateIE7 标签的作用
2014-02-28 14:05 623对于 Web 开发人员来说 ... -
修改IE浏览器默认的文档模式
2014-02-28 13:26 1822开始运行输入C:\Windows\System32\gpedi ... -
网页制作中Iframe自适应高度的解决办法
2013-12-27 10:14 553进行网页设计时，由于网站的海量信息以及标准化的网页制作模式 ... -
Jquery获取当前屏幕的宽度、高度
2013-12-05 14:48 900<script type="text/java ... -
iframe,frameset区别
2013-12-05 10:24 539■ 框架概念 ： 所谓框架便是网页画面分成几个框窗，同时取得 ... -
顶部浮动
2013-11-29 09:37 416<!DOCTYPE html PUBLIC " ... -
js+JQuery实现返回顶部功能
2013-11-18 11:05 512很多网站上都有返回顶部的效果，本文阐述如何使用jquery实现 ... -
转 CSS hack：针对IE6，IE7，firefox显示不同效果
2013-09-05 13:55 969CSS hack：针对IE6，IE7，firefox显示不同效 ... -
white-space:
2013-08-30 10:57 458定义和用法 white-space 属性设置如何处理元素内的空 ... -
通过css将直角矩形变为圆角矩形
2013-08-30 10:56 1146{border-radius:6px 6px 0 0} -
整合IE7与其他IE版本的兼容
2013-08-21 09:39 544<!--[if lte IE 7]> <d ... -
常见浏览器兼容性问题与解决方案css篇
2013-08-12 17:17 739所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同 ...
相关推荐
跨多列表元.html 演示跨多列表元。 跨多行、多表表元.html 演示跨多行、多表表元用法。 跨多行表元.html 演示跨多行表元用法。 设置表格大小.html 设置表格大小。 第9章（源代码\第9章） 示例描述...
URL (Uniform Resource Locator)，统一资源定位器。用来标识某资源文件的位置 2、URL 在 WEB 中的表现形式 共三种表现形式： 1、绝对路径 特点：从文件所在的最高级目录处开始查找资源文件所经过的路径，就是...
实例164 应用下拉列表选择所要联机的网站 196 实例165 可输入字符的下拉菜单 197 实例166 设置下拉列表的默认值 198 实例167 设置下拉列表的样式 199 实例168 下拉列表打开窗口 200 实例169 Tab键在文本域中的体现 ...
实例164 应用下拉列表选择所要联机的网站 196 实例165 可输入字符的下拉菜单 197 实例166 设置下拉列表的默认值 198 实例167 设置下拉列表的样式 199 实例168 下拉列表打开窗口 200 实例169 Tab键在文本域中的体现 ...
实例164 应用下拉列表选择所要联机的网站 196 实例165 可输入字符的下拉菜单 197 实例166 设置下拉列表的默认值 198 实例167 设置下拉列表的样式 199 实例168 下拉列表打开窗口 200 实例169 Tab键在文本域中的体现 ...
■扩展:地图增加经玮度定位,增加经玮度显示 ■修复:首页左边栏按钮Bug ■修复:不能迁移到根节点Bug ■扩展:按需修改购物车发票逻辑 ■增加:会员中心管理发票模板功能(最多6个) *购物车购买时,发票信息会自动存...
3.1.6 文字的下划线、顶划线和删除线 3.1.7 英文字母大小写 3.2 文字实例一：模拟Google公司Logo 3.3 文字实例二：制作页面的五彩标题 3.4 CSS段落文字 3.4.1 段落的水平对齐方式 3.4.2 段落的...
45、CSS背景图片与内容放大与缩小时相对定位 321 46、JS ATTACHEVENT与ADDEVENTLISTENER区别 321 47、JS WINDOW.EVENT.CANCELBUBBLE 事件冒泡 323 48、JS解决COOKIE跨域访问的问题之方法一 323 49、JS禁止复制网页...
7．4．3 把删除到内存中的对象拷贝到页面中 7．4．4 删除组中对象的方法 7．5 删除文本 7，6 删除页面 7．6．1 使用Edit Delete删除一页 7．6．2 使用DrawingExplore删除页面 7．7 小结 第8章 页面设置 ...
7．4．3 把删除到内存中的对象拷贝到页面中 7．4．4 删除组中对象的方法 7．5 删除文本 7，6 删除页面 7．6．1 使用Edit Delete删除一页 7．6．2 使用DrawingExplore删除页面 7．7 小结 第8章 页面...
Tomcat也具有传统的Web服务器的功能：处理Html页面。但是与Apache相比，它的处理静态Html的能力就不如Apache。我们可以将Tomcat和Apache集成到一块，让Apache处理静态Html，而Tomcat处理Jsp和Servlet。Tomcat是一个...
2.列表页导航分页加入超过100分页时，下拉选择自动变成文本框输入，防止下拉项太多而影响速度 3.纠正文章管理因异常栏目信息，而造成页面错误 4.生成的缓存文件加入和%>字符的编码，防止因配置内容含asp代码而造成...
7.列表下拉加载更多-伪数据加载与ajax异步加载个一种； 8.折叠菜单一个； 9.banner图效果-7种包含手机上支持手指滑动的； 10.时间轴-控制1种； 11.自定义滚动条-横向、纵向各一种； 12.临时禁用滚动条-禁用与启用...
页面一postback，它就显示页面的最顶端，怎样让它定位在某一位置？ 如何保证页面刷新后的滚动条位置 清除网页历史记录，屏蔽后退按钮! 如何传值在2个页面之间 ：要求不刷新父页面，并且不能用Querystring传值 Asp...
4.9 动态添加/删除的Spinner菜单 4.10 心爱小宝贝相片集 4.11 快速地搜索手机文件引擎 4.12 按钮也能随单击变换 4.13 具自动提示功能的菜单 4.14 数字及模拟小时钟设计 4.15 动态输入日期与时间 4.16 猜猜红桃A在...
4.9 动态添加/删除的Spinner菜单 4.10 心爱小宝贝相片集 4.11 快速地搜索手机文件引擎 4.12 按钮也能随单击变换 4.13 具自动提示功能的菜单 4.14 数字及模拟小时钟设计 4.15 动态输入日期与时间 4.16 猜猜红桃A在...
4.9 动态添加/删除的Spinner菜单 4.10 心爱小宝贝相片集 4.11 快速地搜索手机文件引擎 4.12 按钮也能随单击变换 4.13 具自动提示功能的菜单 4.14 数字及模拟小时钟设计 4.15 动态输入日期与时间 4.16 猜猜红桃A在...
4.9 动态添加/删除的Spinner菜单 4.10 心爱小宝贝相片集 4.11 快速地搜索手机文件引擎 4.12 按钮也能随单击变换 4.13 具自动提示功能的菜单 4.14 数字及模拟小时钟设计 4.15 动态输入日期与时间 4.16 猜猜红桃A在...