javascript 兑现多文件选择
日期：2014-05-16 浏览次数：20316 次
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>
效果图：
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
