本文實例講述了jQuery動態新增及刪除表單上傳元素的方法。分享給大家參考,具體如下:
運作效果截圖如下:
點擊此處查看線上簡報效果。
具體程式碼如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <html>
<head>
<script type= "text/javascript" src= "jquery-1.7.2.min.js" ></script>
<script type= "text/javascript" >
$(document).ready( function (){
$( ":input[type=button][value=more]" ).bind( "click" , function (){
var $br = $( "<br />" );
var $file = $( "<input type='file' name='name1' />" );
var $button = $( "<input type='button' value='delete'>" );
$( this ).after($file).after($button).after($br);
$button.bind( "click" , function (){
$br.remove();
$file.remove();
$button.remove();
})
})
});
</script>
</head>
<body>
<input type= "file" name= "file1" /><input type= "button" value= "more" />
</body>
</html>
|
登入後複製
完整實例程式碼點擊此處本站下載。
希望本文所述對大家jQuery程式設計有所幫助。