打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
jquery实现文件上传页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery实现上传页面</title>
<script type="text/javascript" src="../jquery-1.4.1.js"></script>
<script type="text/javascript">
var shu=0//这里定义的必须是全局函数
function tianjia(){
 
  var br=$('<br/>')
 var input=$('<input type="file"/>')
 //采用字符串拼接的方式
 //<input type="button" value="删除文件"/>............这是字符串拼接第一步
 //'<input type="button" value="删除文件'    '"/>'.........这是字符串拼接第二步,断开
 // '<input type="button" value="删除文件'+(++shu)+'"/>'.........第三步
 var button=$('<input type="button" value="删除文件'+(++shu)+'"/>')
 
 $("#div1").append(br).append(input).append(button)
 button.click(function(){
  
  br.remove()
  input.remove()
  button.remove()
  
  })
 
 }
</script>
</head>

<body>
<input type="file" /><input type="button" value="添加文件" id="button" onclick="tianjia()"/>
<div id="div1"></div>
</body>
</html>

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
利用jquery实现动态表格的相关操作以及列表全选功能
向内部添加函数:append(),prepend(),appendTo(),prependTo()
[精] javascript
实现ajax的异步调用代码
python测试开发django-166.jQuery 使用append()动态添加div元素
DOM编程艺术(表单操作)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服