html - jquery on change event strange behaviour -

-

i m having form upload files using these tags

 <form id="uploadpic" action="../image_shout" enctype="multipart/form-data" method="post">     <input type="file" multiple="true" id="file1" class="choose-file" name="choose-file"/>     </form>

now want on choosing file new file upload input should inserted.

i tried jquery using on change event handler using code -

$('.choose-file').on("change", function(e) {                    $(this).after("<input type=\"file\" multiple=\"true\" id=\"file1\" class=\"choose-file\" name=\"choose-file\" />");                 });

to dismay got bonded first element of input field. on choosing files on subsequent inputs generated not add new input fields.

the fiddle here

to work had complicated - 

$(document).ready(function() {     function add_input($t) {             $t.after("<input type=\"file\" multiple=\"true\" id=\"file1\" class=\"choose-file\" name=\"choose-file\" />");             $('.choose-file').on("change", function(e) {         var $t = $(this);                 add_input($t);     });         }  $('.choose-file').on("change", function(e) {            var $t = $(this);             add_input($t);         });    });

the fiddle here

any explanation , solution if can done in easier , cleaner way.

thanks

you'll need delegate event dynamic elements, , make sure id unique

$(document).ready(function () {     $('#uploadpic').on('change', '.choose-file', function (e) {         $('<input />', {             type     : 'file',             multiple : 'multiple',             id       : 'file' + ($('.choose-file').length + 1),             'class'  : 'choose-file',             name     : 'choose-file'         }).insertafter(this);     }); });

fiddle


Comments

Post a Comment

Popular posts from this blog

PHPMotion implementation - URL based videos (Hosted on separate location) -

-
i have implement video collection website users of specific isp. site hosted on public web-server movies hosted on local isp server. user of isp + general visitors can see available movies; isp's users able play them. player on site point url of local machine ( http://192.x.x.x/movies/mymovie.mov ) private class (192.x.x.x) accessible isp user. question: possible phpmotion script? or need custom work. if possible, can please suggest available mods? phpmotion require modifications able handle this. uploading, conversion, thumbnail generation, , playback pretty static in phpmotion. really though, rather modding entire upload , conversion process, if created quick custom form add entries phpmotion database (maybe include thumbnail upload), tweaked playback paths, should go on phpmotion side of things. assume had videos in format player handle (such flv or mp4).
Read more

c# - Unity IoC Lifetime per HttpRequest for UserStore -

-
i'm trying clean default implementation of accountcontroller.cs comes out of box in new mvc5/owin security implementation. have modified constructor this: private usermanager<applicationuser> usermanager; public accountcontroller(usermanager<applicationuser> usermanager) { this.usermanager = usermanager; } also, have created lifetime manager unity looks this: public class httpcontextlifetimemanager<t> : lifetimemanager, idisposable { private httpcontextbase _context = null; public httpcontextlifetimemanager() { _context = new httpcontextwrapper(httpcontext.current); } public httpcontextlifetimemanager(httpcontextbase context) { if (context == null) throw new argumentnullexception("context"); _context = context; } public void dispose() { this.removevalue(); } public override object get
Read more

I am trying to solve the error message 'incompatible ranks 0 and 1 in assignment' in a fortran 95 program. -

-
i writing program in fortran find velocity of parachuting person in relation time. keep getting error can't fix. new programming , appreciated. the error is v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) 1 error: incompatible ranks 0 , 1 in assignment @ (1) and program is program para integer :: real :: v(11) !velocity real :: q !initial velocity real :: h !time step real :: c !drag coefficient real :: m !mass ! gravity equal 32 ft/s^2 write (*,*)'enter time step' read(*,*)h write(*,*)'enter initial velocity' read(*,*)q write(*,*)'enter drag coefficient' read(*,*)c write(*,*)'enter mass' read(*,*)m i=1,10 ! 1 10, 1 being interval. end v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) q=v(1) end program you cannot use [] normal parenthesis in expressions. array constructor, [ items ] means array items elements. end do should after line.
Read more