有时候需要在页面上允许用户上传多个文件,个数由用户自己决定,个数多了也可以删除,使用框架可以很简单的实现这个功能。
先给大家展示下效果图:
!DOCTYPE htmlhtmlheadtitletest.html/titlemeta http-equiv=' content-type ' content=' text/html;charset=UTF-8 '脚本类型=' text/JavaScript ' src=' http : jquery-1。6 .4 .量滴js '/script脚本类型=' text/JavaScript '//添加一行tr函数add(){ var content=' trtd ';内容='输入类型='文件'名称='文件'输入类型='按钮'值='移除onclick='移除(这个)’;内容='/td/tr'$('#fileTable ').追加(内容);}//删除当前行trfunction remove(obj) {$(obj).父项()。父项()。移除();}/script/head dyform id=' fileForm ' action=' method=' post ' enctype=' multipart/form-data ' table id=' file table ' TRT输入类型=' file ' name=' file '输入类型=' button ' id=' addButon ' value=' Add ' onclick=' Add()'/TD/tr/table/form/body/html介绍框架获取输入类型="文本"中的值的各种方式
!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML lhtml xmlns=' http://www .w3。org/1999/XHTML ' head titlejquery获取文本框的值/title meta http-equiv=' Content-Type ' Content=' text/html;charset=GB 2312 '/script src=' http : jquery-1。5 .1 .量滴js ' type=' text/JavaScript '/script script type=' text/JavaScript '//使用编号的方式获取$(文档)。ready(function(){//1 $(' # button _ text 1 ')).单击(函数(){ var结果1=$(' # input _ text 1 ')).val();alert('结果1='结果1 ');});//2$('#button_text2 ').单击(function(){ var结果2=$(' input[id=' input _ text 2 ']').val();alert('结果2='结果2 ');});//3$('#button_text3 ').单击(function(){ var结果3=$(' input[id=' input _ text 3 ']').attr(' value ');alert('结果3='结果3 ');});//4.可以通过类型的值来获取投入中的值(未演示)/*$('#button_text4 ').单击(function(){ var结果4=$(' input[type=' text ']').val();alert('结果4='结果4 ');});*///5.可以通过名字的值来获取投入中的值(未演示)/*$('#button_text5 ').单击(function(){ var结果5=$(' input[name=' text ']').val();alert('结果5='结果5 ');});*/});/剧本/床头柜!-获取文本框的值:方式一- div id='test1 '输入id='input_text1 '类型=“文本”值='test1 '样式=' width : 100px '/button id=' button _ text 1 ' test1/button/div!-获取文本框的值:方式二- div id='test2 '输入id='input_text2 '类型=“文本”值='test2 '样式=' width : 100px '/button id=' button _ text 2 '测试2/button/div!-获取文本框的值:方式三- div id='test3 '输入id='input_text3 '类型=“文本”值='test3 '样式=' width : 100px '/button id=' button _ text 3 ' test3/button/div/body/html