jQuery動(dòng)態(tài)添加 input type=file的實(shí)現(xiàn)代碼
更新時(shí)間：2012年06月14日 19:23:44 作者：
有時(shí)候需要在頁(yè)面上允許用戶上傳多個(gè)文件，個(gè)數(shù)由用戶自己決定，個(gè)數(shù)多了也可以刪除，使用jQuery可以很簡(jiǎn)單的實(shí)現(xiàn)這個(gè)功能
復(fù)制代碼 代碼如下:
<form id="fileForm" action="" method="post" enctype="multipart/form-data">
<tr>
<td>
<input type="file" name="file"><input type="button" id="addButon" value="Add" onclick="add()">
</td>
</tr>
</form>
核心jquery代碼
復(fù)制代碼 代碼如下:
//添加一行<tr>
function add() {
var content = "<tr><td>";
content += "<input type='file' name='file'><input type='button' value='Remove' onclick='remove(this)'>";
content += "</td></tr>"
$("#fileForm").append(content);
}
//刪除當(dāng)前行<tr>
function remove(obj) {
$(obj).parent().parent().remove();
}
腳本之家整理的在線演示：http://demo.jb51.net/jquery/juqery_input/
您可能感興趣的文章:
相關(guān)文章
jquery實(shí)現(xiàn)手機(jī)端單店鋪購(gòu)物車結(jié)算刪除功能
本文主要介紹了js實(shí)現(xiàn)手機(jī)端單店鋪購(gòu)物車結(jié)算刪除功能的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
下面小編就為大家?guī)?lái)一篇json定義及jquery操作json的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
使用prop解決一個(gè)checkbox選中后再次選中失效的問(wèn)題
下面小編就為大家?guī)?lái)一篇使用prop解決一個(gè)checkbox選中后再次選中失效的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
編寫(xiě)插件的目的是給已經(jīng)有的一系列方法或函數(shù)做一個(gè)封裝，以便在其他地方重復(fù)使用，提高開(kāi)發(fā)效率和方便后期維護(hù)。本文將詳細(xì)介紹如何編寫(xiě)jQuery插件2017-03-03
這篇文章主要介紹了JQuery遍歷DOM節(jié)點(diǎn)的方法,實(shí)例分析了jQuery遍歷DOM節(jié)點(diǎn)的相關(guān)技巧,需要的朋友可以參考下2015-06-06
EasyUI中combobox默認(rèn)值注意事項(xiàng)
這篇文章主要介紹了EasyUI中combobox默認(rèn)值注意事項(xiàng),是個(gè)人在項(xiàng)目中遇到并解決的事宜，分享給大家，需要的朋友可以參考下2015-03-03
結(jié)合JQ1.9通過(guò)js正則判斷各種瀏覽器版本的方法
本篇文章主要是對(duì)結(jié)合JQ1.9通過(guò)js正則判斷瀏覽器版本的方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jQuery實(shí)現(xiàn)遍歷XML節(jié)點(diǎn)和屬性的方法示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)遍歷XML節(jié)點(diǎn)和屬性的方法,涉及jQuery針對(duì)xml文件的加載、節(jié)點(diǎn)遍歷等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
AJAX和jQuery動(dòng)態(tài)加載數(shù)據(jù)的實(shí)現(xiàn)方法
本文給大家介紹使用ajax和jquery動(dòng)態(tài)加載數(shù)據(jù)的實(shí)現(xiàn)方法，使用jQuery可以簡(jiǎn)化這個(gè)過(guò)程。下面通過(guò)實(shí)例代碼給大家介紹下，需要的的朋友參考下吧2016-12-12
Android中的資源是指非代碼部分，指外部文件，本文詳細(xì)介紹資源使用概覽，需要了解的朋友可以參考下2012-12-12