ansaurus

Question

JQuery add id and values to textbox when adding row.

Answer 1

+1 A:

Cesar, You can create a global variable var counter = 0; And increment this variable each time and item is created and then include this inside your createNewRow function, like so:

  
function createNewRow (text1,text2){
 var first = counter++;
 var second = counter++;
 $('#tblOtherParties > tbody').append('<tr><td>
    <input type="text" id="textbox_'+first+'" class="title1" value="'+text1+'"/>
   </td><td>
   <input type="text" id="textbox_'+second+'" class="title2"  value="'+text2+'"/>
   </td><td>
     <input type="button" class="btnDeleteOther" value="X"/>
  </td></tr>');
}

Note also that I have the text1 and text2 added in the values. :-) Hope this helps

ocdcoder 2010-03-05 16:59:55

You would also need to decrement the counter whenever a row is deleted.

Sorpigal 2010-03-05 17:02:09

@Sorpigal: its strange. if i have 10 rows and delete row number 5, my counter is now in 9. but i already have row number 9...

j. 2010-03-05 17:05:46

not necessarily, that could actually break things. If he added three rows making the counter 5, but then deleted the first or second row decrementing the counter would make it 3. But 3 and 4 would still exist (from the original third row).

ocdcoder 2010-03-05 17:07:57

if you wanted to always use the lowest numbers you would have to either loop through all the existing rows to find any gaps (inefficient), or create an array of available numbers, but add/remove numbers as they are used and sort after each event (better, but still inefficient). I see no reason for him to want or need to always use the lowest numbers though, so its much more efficient and safer to just always increment.

ocdcoder 2010-03-05 17:12:13

Thanks: I could not see the code b4, thank you the both of you, :-).

Cesar Lopez 2010-03-05 17:15:24

@ocdcoder: just one thing... why the "first" and "second" vars if, in your code, they will always have the same value?

j. 2010-03-05 17:20:17

Your are right. :-)

Cesar Lopez 2010-03-05 17:33:47

@j. They should probably be <code>++counter</code>, so that the counter is incremented (and saved) each time. With this, first will be counter + 1 and second will be first + 1. Sorry for the confusion.

ocdcoder 2010-03-08 16:59:13

Answer 2

A:

It's not clear what you're asking, but...

You can count the number of existing rows with this

var i = $('#tblOtherParties>tbody>tr').length;

And then use i+1 wherever you need your sequential ID.

Sorpigal 2010-03-05 17:00:40

using ".length" is not really correct as i [and @ocdcoder] comment in the other answer.

j. 2010-03-05 17:13:37

the problem with length is what i said before: at some point you can have duplicated ids. i think the best is using a global variable [like @ocdcoder said] and increment it each time you add an item... and don't decrement it when you remove an item!

j. 2010-03-05 17:29:11

@j: Thanks. :-).

Cesar Lopez 2010-03-05 17:33:12

ansaurus

tags:

views:

answers:

JQuery add id and values to textbox when adding row.

related questions