首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

javascript 兑现多文件选择

2012-09-29 
javascript 实现多文件选择!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www

javascript 实现多文件选择

<!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=utf-8" /><title>无标题文档</title><script type="text/javascript" src="jquery-1.6.4.js"></script><script type="text/javascript">var addMore = function(){var div = document.getElementById("div1");var br = document.createElement("br");var input = document.createElement("input");var button = document.createElement("input");input.setAttribute("type","file");button.setAttribute("type","button");button.setAttribute("value","remove");button.onclick = function(){div.removeChild(br);div.removeChild(input);div.removeChild(button);}div.appendChild(br);div.appendChild(input);div.appendChild(button);}//jquery实现$(function()   {$("input[type=button]").click(function()   {   var br = $("<br>");   var input = $("<input type='file'> ");   var button = $("<input type='button' value='remove'>");      $("#div1").append(br).append(input).append(button);   button.click(function() { //$().remove(); br.remove(); input.remove(); button.remove();}); });});</script></head><body><input type="file" /><input type="button" value="more" onclick="addMore();"/><div id="div1"></div></body></html>

效果图:

热点排行