StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POajax script works only for the first row when page is refreshed
primarykey
Id
6030598
data
AcceptedAnswerId
0
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2011-05-17T12:13:30.870
FavoriteCount
0
LastActivityDate
2011-05-18T06:33:51.860
LastEditDate
2011-05-17T12:38:55.883
LastEditorUserId
755603
OwnerUserId
755603
ParentId
0
PostTypeId
1
Score
1
ViewCount
357
LastEditorDisplayName
text
Body
<p>I have a problem my script. It purpose is to display some values in fields depending on value from dropdown select. When I fire other scripts that are adding or removing new rows into the form with the same fields, but different row id it stops working for the newly added rows.</p> <pre><code><script> <?php echo 'var lista = '.form_dropdown('produkt[]',$lista).';'?> $(document).ready(function() { $('select[name="produkt[]"]').change(function() { var id = $('select[name="produkt[]"] option:selected').val(); var par = $(this).closest('tr').attr('id'); $.getJSON( '<?php echo $head['site_link'];?>index.php/faktura/pobierzProdukt/'+id, function(data){ var id = $('#'+par); $('input[name="pkwiu[]"]',id).val(data.product_pkwiu); $('input[name="netto[]"]',id).val(data.product_netto); $('input[name="vat[]"]',id).val(data.product_vat); $('input[name="brutto[]"]',id).val(data.product_brutto); $('input[name="jedn[]"]',id).val(data.product_jedn); }, 'json' ); }); $('#dodajWiersz').click(function() { var liczba = $('#produkty tr').length; var inputArray = [ '1', lista, '<input type="text" name="pkwiu[]" class="short" readonly="readonly"/>', '<input type="text" name="netto[]" class="short" readonly="readonly"/>', '<input type="text" name="vat[]" class="mini" readonly="readonly"/>', '<input type="text" name="brutto[]" class="short" readonly="readonly"/>', '<input type="text" name="jedn[]" class="mini" readonly="readonly"/>', '<input type="text" name="ilosc[]" class="short"/>', '<input type="text" name="knetto[]" class="short" readonly="readonly"/>', '<input type="text" name="kvat[]" class="short" readonly="readonly"/>', '<input type="text" name="kbrutto[]" class="short" readonly="readonly"/>' ]; var tdString = '<td>'+inputArray.join('</td><td>')+'</td>'; if($('#produkty tbody tr').length>0) { var row = '<tr id="wiersz-'+liczba+'">'+tdString+'</tr>'; $('#produkty').find('tbody').append(row); $('#produkty tr:last td:first-child').text(liczba); } else { var row = '<tr id="wiersz-1">'+tdString+'</tr>'; $('#produkty').find('tbody').append(row); } }); $('#usunWiersz').click(function() { $('#produkty').find('tbody tr:last').remove(); }); }); </script> </code></pre> <p>I think the problem is with $(document).ready() function. But I can't solve it.</p> <p><strong>UPDATE:</strong> It seems that DOM is not updated. I can see the new HTML structure in Firebug but in the source view is the old structure. I think it matters.</p>
Tags
<jquery><ajax><document><ready>
Title
ajax script works only for the first row when page is refreshed
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USsunpietro
UserOwnerUserId
1. USsunpietro
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POajax script works only for the first row when page is refreshed
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.