程序博客网 > 淘宝助理下载旧版本

jQuery简单例子-2

来源：互联网发布：淘宝助理下载旧版本编辑：程序博客网时间：2024/06/10 08:33

点击按钮more... ，就生成一个新的上传文件框。

<html>

<head>
   <script type="text/javascript" src="jquery-1.7.2.js"></script>
   <script type="text/javascript">

//use javascript to do it
/*
   var addMore = function()
   {
       var br = document.createElement("br");
       var input = document.createElement("input");
       input.setAttribute("type","file");
       var button = document.createElement("input");
       button.setAttribute("type","button");
       button.setAttribute("value","Remove");

       var div = document.getElementById("div1");

       button.onclick = function(){

       div.removeChild(br);
       div.removeChild(input);
       div.removeChild(button);
       };

       div.appendChild(br);
       div.appendChild(input);
       div.appendChild(button);

   }
*/

//use jQuery to do it

var count=0;
$(function()
{
   $("input[type=button]").click(function()
   {
       var br = $("<br>");
       var input = $("<input type='file'>");
       var button = $("<input type='button' value='Remove" + (++count) + " '>");

       $("#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="more...">
   <div id="div1"></div>
</body>
</html>

点击按钮more... ，就生成一个新的上传文件框。

运行结果实例为：

淘宝助理下载旧版本

淘宝助理下载旧版本

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子川牌化妆品四川川牌下载川牌84张在哪里下载重庆川牌幺地人手机版灭蝇灯川田模温机川田重庆川田木门怎么样川督丫力很大川穹川穹茶调散丹参川穹嗪川穹的图片川穹功效与作用盐酸川穹嗪注射剂作用川穹和川芎一样吗丹参川穹嗪注射剂川穹的功效与作用及食用方法川穹茶调冲剂丹参川穹注射液川穹的功效与作用害处川美川美在哪四川美院录取分数线四川民航九元航空川芎茶调散川芎茶调丸川芎嗪片磷酸川芎嗪川芎粉川芎茶川芎白芷川芎种子川芎泡酒川芎天麻当归川芎川芎用量川芎注射液天麻川芎丸川芎泡水