js jquery分別實作動態的檔案上傳操作按鈕的新增和刪除_jquery

UTYPE html //DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


>



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("類型", "檔案");
button.setAttribute("type", "button" );
button.setAttribute("value", "Remove");

button.onclick = function() {
div.removeChild(br);
div.removeChild(輸入);
div.removeChild(按鈕);
}

div.appendChild(br);
div.appendChild(輸入);
div.appendChild(按鈕);
}
// 節點的移動
//$(function(){

//});
腳本>
頭>




身體>

>

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("類型", "檔案");
button.setAttribute("type", "button");
button.setAttribute("value", "Remove");

button.onclick = function() {
div.removeChild(br);
div.removeChild(輸入);
div.removeChild(按鈕);
}

div.appendChild(br);
div.appendChild(輸入);
div.appendChild(按鈕);
}**/
//jquery實作檔案上傳的按鈕新增和刪除
$ (function(){
$("input[type=button]").click (function(){
var br = $("
");
var input = $(" ");
var 按鈕= $("");
$("#div1").append (br).append(input).append(button); >
button.click(function() {
br.remove();
input.remove();
button.remove ();
});
});
});
腳本>
頭>




身體>