html 文件上传与移除,js jquery分别实现动态的文件上传操作按钮的添加和删除
javascript實(shí)現(xiàn)
jquery文件上傳var addMore = function() {
var div = document.getElementById("div2");
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);
}
//節(jié)點(diǎn)的移動(dòng)
//$(function(){
//});
jquery實(shí)現(xiàn)
jquery文件上傳jquery1/** var addMore = function() {
var div = document.getElementById("div2");
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實(shí)現(xiàn)文件上傳的按鈕添加和刪除
$(function(){
$("input[type=button]").click(function(){
var br = $("
");
var input = $("");
var button = $("");
$("#div1").append(br).append(input).append(button);
button.click(function() {
br.remove();
input.remove();
button.remove();
});
});
});
總結(jié)
以上是生活随笔為你收集整理的html 文件上传与移除,js jquery分别实现动态的文件上传操作按钮的添加和删除的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Android旋转切换条目,Androi
- 下一篇: 餐饮收银台必备物品 钱财的事一定要重视