jquery動態添加刪除div

<script type=”text/javascript” src=”jquery.js”></script>

<body>

<form action=”" method=”post” enctype=”multipart/form-data”>

<label>請選擇上傳的圖片</label>

<a href=”javascript:addimg()” >增加圖片</a>

<p class=”mp” id=”mp”>

<p class=”iptp” >

<input type=”file” name=”img[]” class=”ipt” /><a href=”#” name=”rmlink”>X</a>

</p>

</p>

<input type=”submit” name=”submit” value=”上傳圖片” />

</form>

<script type=”text/javascript” >

$(document).ready(function(){

bindListener();

});

// 用來綁定事件(使用unbind避免重復綁定)

function bindListener(){

$(“a[name=rmlink]“).unbind().click(function(){

$(this).parent().remove();

})

}

function addimg(){

$(“#mp”).append(‘<p class=”iptp”><input type=”file” name=”img[]” class=”ipt” /><a href=”#” name=”rmlink”> X </a></p>’);

// 為新元素節點添加事件偵聽器

bindListener();

}

</script>

You May Also Like