點擊按鈕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..." onclick="addMore();"> -->
<input type="button" value="more...">
<div id="div1"></div>
</body>
</html>
點擊按鈕more... ，就 產生一個新的上傳檔案框。
運行結果執行個體為：
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
