count - using jQuery to add and remove textbox with unique IDs -

-

i wrote function add listitem text box , remove button, everytime add button clicked. i'm adding unique id each new element adding number. problem happens when try remove element, add one, number being duplicated. ex: add 4 li's , decide remove #3. click add new again new sequence 1,2,4,3,4 instead of 1,2,4,5,6. hope made sense.
here javascript

var count = 2; $('#add').click(function() {     var newtxtbxli = $('<li></li>').attr('id', 'newli' + count).appendto('ul');     var input = $('<input type="text" id="newinput' + count + '" name="newinput' + count + '" /><input type="button"  id="remove' + count + '" class="remove" value="">');      $(input).appendto(newtxtbxli);      count++;      $('.remove').each(function() {         $(this).click(function() {             //count--;             $(this).parent('li').remove();         });     }); });​

thanks, in advance

//update doing research on stackoverflow, , found post performing check duplicate id's. new code works, have figure out how write "find last id , + 1, create new li new id. here updated code:

    $('#add').click(function() {  var count = $('ul > li').length + 1;         var newtxtbxli = $('<li></li>').attr('id', 'newli' + count).appendto('ul');         var input = $('<input type="text" id="newinput' + count + '" name="newinput' + count + '" /><input type="button"  id="remove' + count + '" class="remove" value="">');          $('ul > li[id]').each(function(){             var ids = $('[id='+this.id+']');             if(ids.length>1 && ids[0]==this){                 //console.warn('multiple ids #'+this.id);                 //find last id , + 1, add new listitem                      }else{                 $(inputacc).appendto(newtxtbxli);                 accomplishcount++;                 }              });          $('.remove').each(function() {             $(this).click(function() {                 count--;                 $(this).parent('li').remove();             });         });     });​

you shouldn't re-assigning click() handler .remove elements on page every time click #add.

because of this, adding multiple identical click handlers .remove elements.

just assign new 1 created.

var count = 2; $('#add').click(function() {     var newtxtbxli = $('<li></li>').attr('id', 'newli' + count).appendto('ul');      var input = $('<input type="text" id="newinput' + count + '" name="newinput' + count + '" /><input type="button"  id="remove' + count + '" class="remove" value="">');      input.find('.remove').click(function() {             //count--;             $(this).parent('li').remove();         });      input.appendto(newtxtbxli);      count++; });​

as alternative assigning new click handler every .remove created, use .live() or .delegate() instead.

   // call delegate on ul when page loads.    // idea have id on ul $('ul').delegate('.remove','click',function() {             //count--;             $(this).parent('li').remove();         });  var count = 2; $('#add').click(function() {     var newtxtbxli = $('<li></li>').attr('id', 'newli' + count).appendto('ul');      var input = $('<input type="text" id="newinput' + count + '" name="newinput' + count + '" /><input type="button"  id="remove' + count + '" class="remove" value="">');      input.appendto(newtxtbxli);      count++; });​

or .live() version this:

$('ul > li > .remove').live('click',function() {             //count--;             $(this).parent('li').remove();         });

Comments

Post a Comment

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

-
basically i've got update query runs when click submit button. i have asp:repeater in page layer inside this <asp:repeater id="dgbookings" runat="server" onitemdatabound="itemdb"> <itemtemplate> <div class="bookingscontent"> <div class="bookingdetails" id="<%# databinder.eval(container.dataitem, "booking_ref") %>"> <p class="infotext"><%# databinder.eval(container.dataitem, "adults") %> <asp:linkbutton onclick="editdetails" text="edit..." runat="server"></asp:linkbutton></p> <p class="infotext"><asp:linkbutton onclick="submitdetails" text="submit..." runat="server"></asp:linkbutton></p> </div> </div> </itemtemplate> <asp:repeater> and outputs ...
Read more

c++ - Compiling static TagLib 1.6.3 libraries for Windows -

-
i having super hard time compiling , using taglib 1.6.3 in qt project. i've tried can think of. taglib claims supported through cmake i'm not having luck. furthermore, i'm confused kinds of files need qt libs! i've built *.a files, *.lib, , *.dll. understand far... believe since i'm working in windows *.lib want. no matter do, end "undefined references" taglib functions try use when try compile qt project. have tried mingw32, msys, visual studio 2008, , cross-compiling windows on linux. turning nothing. what makes less sense me if compile same taglib source qt on mac (g++ think?) works fine! somewhere in windows compilation procedures have going wrong. have been smacking face on desk 30 (on , off) hours trying figure out. since qt uses mingw must compile taglib same compiler? if compile *.lib's visual studio not compatible? are *.a libraries usable in windows? (assuming mingw) i'm still trying handle on c++ stuff, after reading coun...
Read more

PostgreSQL 9.x - pg_read_binary_file & inserting files into bytea -

-
i have been looking everywhere (google, stackoverflow, etc.) documentation on how use postgresql pg_read_binary_file() function. the meaningful thing can find this page in official documentation. every time try use function error. for example: select pg_read_binary_file('/some/path/and/file.gif'); error: absolute path not allowed or select pg_read_binary_file('file.gif'); error: not stat file "file.gif": no such file or directory do need have file in specific directory postgres have access it? if directory? if matters, reason looking @ function because trying insert file database without doing crazy things . as stated @a_horse_with_no_name , @guedes solution ensure file being uploaded on server in pgdata directory. the postgres documentation state file location requirement. additionally, made symlink directory pgdata directory not disturb of postgres data structure. seems working , don't have of above...
Read more