jquery 添加html标签
<script type="text/javascript">
var sss = 1;
function addFile() {
if (sss < 20) {
var str = ' <span id = row' + sss + '><br/><INPUT type="file" style="WIDTH: 222px; HEIGHT: 20px" size="50" NAME="File"> <span style="line-height:25px;">文件说明:<input type="text" id="pic' + sss + '" name="pic' + sss + '" value="" style="WIDTH: 322px; HEIGHT: 20px" size="50" /><a href="#" onclick=deleteRow(row' + sss + ')>删除<a/></span>';
document.getElementById('P1').insertAdjacentHTML("beforeEnd", str);
}
else {
alert("您一次最多只能上传20个文件!");
}
sss++;
} function deleteRow(e) {
//alert("成功删除第" + e + "行");
var obj = document.getElementById(e.id);
// obj.removeNode(e);
obj.remove(e);
sss--;
} </script>
1 <style type="text/css">
2 .isbnt
3 {
4 float: left;
5 margin-left: 10px;
6 }
7 .bnt
8 {
9 margin: 0 auto;
10 width: 500px;
11 height: 20px;
12 }
13 </style>
<tr>
<th>
文 件:
</th>
<td colspan="5">
<p id="P1">
<input id="file" style="width: 222px;" type="file" size="42" name="File1" runat="server" />
<span>文件说明:
<input type="text" id="pic0" name="pic0" value="" style="width:
322px;" size="50" /></span>
</p>
<input type="button" value="继续上传" onclick="addFile()" style="width: 69px; height: 20px" />
</td>
</tr>
jquery 添加html标签的更多相关文章
- JQuery添加删除标签
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src= ...
- jQuery动态添加li标签并添加属性和绑定事件
代码如下: <%@page import="java.util.ArrayList"%> <%@ page language="java" c ...
- jquery 学习(四) - 标签 添加/删除/修改
HTML代码 <div class="a1"> <div> <span id="a2">aaa</span> & ...
- jquery禁用a标签,jquery禁用按钮click点击
jquery禁用a标签方法1 $(document).ready(function () { $("a").each(function () { var textValue = $ ...
- JS添加节点方法与JQuery添加节点方法的比较及总结
原生JS添加节点方法与JQuery添加节点方法的比较及总结 一.首先构建一个简单布局,来供下边讲解使用 1.HTML部分代码: <div id="div1">div ...
- jQuery控制a标签不可点击 不跳转
jquery禁用a标签方法1 01 02 03 04 05 06 07 08 09 10 11 12 $(document).ready(function () { $("a ...
- jquery禁用a标签
jquery禁用a标签方法1 01 02 03 04 05 06 07 08 09 10 11 12 $(document).ready(function () { $("a ...
- 利用jQuery对li标签操作
<ul class="con" id="products"> <li i=" class=""> < ...
- 为jQuery添加Webkit的触摸方法支持
前些日子收到邮件,之前兼职的一个项目被转给了其他人,跟进的人来问我相关代码的版权问题. 我就呵呵了. 这段代码是我在做13年一份兼职的时候无聊加上去的,为jQuery添加触摸事件的支持.因为做得有点无 ...
随机推荐
- Linux下用户的创建与删除
我们在Linux下创建用户主要有两种方式:adduser和useradd,它们的区别以及主要用法如下: adduser adduser的用法很简单,只需adduser+username即可,如下: s ...
- 【Nginx】冰河又一本超硬核Nginx PDF教程免费开源!!
写在前面 在 [冰河技术] 微信公众号中的[Nginx]专题,更新了不少文章,有些读者反馈说,在公众号中刷 历史文章不太方便,有时会忘记自己看到哪一篇了,当打开一篇文章时,似乎之前已经看过了, 但就是 ...
- zookeeper(4) 网络
zookeeper底层通过NIO进行网络传输,如果对NIO不是很熟悉,先参见java NIO.下面我们来逐步实现基于NIO的zookeeper实现,首先我们要定义应用层的通信协议. 传输协议 请求协议 ...
- 解决vue版本不匹配的问题 Vue packages version mismatch:
解决方式:重新单独安装提示冲突的模块 比如如上的冲突,我重新下载了 npm i vue-template-compiler@2.6.7 --save 再重新启动就可以了 npm run dev
- 使用jpa时,实体类有不存在数据库中的字段
使用jpa时,实体类有不存在数据库中的字段.在改属性上面加上这个注解@Transient就可以解决问题.
- GEKCTF2020-web
GEKCTF [GKCTF2020]CheckIN97 <title>Check_In</title> <?php highlight_file(__FILE__); c ...
- 在vue中使用天气插件
在vue中使用天气插件 插件网址: 中国天气 选择自己需要的插件.生成代码复制即可 在 vue 中的使用: template 中 <div id="weather-v2-plugin ...
- 听我的,看完这30道MySQL基础题再去面试
可以微信搜索公众号「 后端技术学堂 」回复「1024」获取50本计算机电子书,回复「进群」拉你进读者技术交流群,文章每周持续更新,我们下期见! 一个典型的互联网产品架构包含接入层.逻辑处理层以及存储层 ...
- android.widget.TextView.setText() on a null object reference
错误描述 java.lang.NullPointerException: Attempt to invoke virtual method 'void android.widget.TextView. ...
- Code Test(1)
0922test 最小数Time Limit: 1 Sec Memory Limit: 128 MB文件名:a.cppDescription给定一个正整数n,请去掉其中的m个数字,使其剩下的数字按原先 ...