Databases
StackOverflow2013
Postsdbo
POjQuery .click() and .change() conflict?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery .click() and .change() conflict?
    text
    copied!<p>I have problem with .click() and .change() functions. I don't know why, but I put them into the html code separately they works, but when I put them together like below they stop working. What is the problem? The .change() function populates the fields of form in specific table row. The .click() functions add a row to and remove a row from the table within the form.</p> <pre><code>$(document).ready(function() { $('select[name="produkt[]"]').change(function() { var id = $('select[name="produkt[]"] option:selected').val(); var par = $(this).parent().parent().attr('id'); $.getJSON( '&lt;?php echo $head['site_link'];?&gt;index.php/faktura/pobierzProdukt/'+id, function(data){ alert(par); $('#'+par+' input[name="pkwiu[]"]').val(data.product_pkwiu); $('#'+par+' input[name="netto[]"]').val(data.product_netto); $('#'+par+' input[name="vat[]"]').val(data.product_vat); $('#'+par+' input[name="brutto[]"]').val(data.product_brutto); $('#'+par+' input[name="jedn[]"]').val(data.product_jedn); }, 'json' ); }); $('#dodajWiersz').click(function() { var liczba = $('#produkty tr').length; var f1 = '&lt;?php echo form_dropdown('produkt[]',$lista,'');?&gt;&lt;/td&gt;'; var f2 = '&lt;?php echo form_input(array('name'=&gt;'pkwiu[]','class'=&gt;'short','readonly'=&gt;'readonly'));?&gt;'; var f3 = '&lt;?php echo form_input(array('name'=&gt;'netto[]','class'=&gt;'short','readonly'=&gt;'readonly'));?&gt;'; var f4 = '&lt;?php echo form_input(array('name'=&gt;'vat[]','class'=&gt;'mini','readonly'=&gt;'readonly'));?&gt;'; var f5 = '&lt;?php echo form_input(array('name'=&gt;'brutto[]','class'=&gt;'short','readonly'=&gt;'readonly'));?&gt;'; var f6 = '&lt;?php echo form_input(array('name'=&gt;'jedn[]','class'=&gt;'mini','readonly'=&gt;'readonly'));?&gt;'; var f7 = '&lt;?php echo form_input(array('name'=&gt;'ilosc[]','class'=&gt;'short'));?&gt;'; var f8 = '&lt;?php echo form_input(array('name'=&gt;'knetto[]','class'=&gt;'short','readonly'=&gt;'readonly'));?&gt;'; var f9 = '&lt;?php echo form_input(array('name'=&gt;'kvat[]','class'=&gt;'short','readonly'=&gt;'readonly'));?&gt;'; var f10 = '&lt;?php echo form_input(array('name'=&gt;'kbrutto[]','class'=&gt;'short','readonly'=&gt;'readonly'));?&gt;'; var row = '&lt;tr id="wiersz-'+liczba+'"&gt;&lt;td&gt;'+liczba+'&lt;/td&gt;&lt;td&gt;'+f1+'&lt;/td&gt;&lt;td&gt;'+f2+'&lt;/td&gt;&lt;td&gt;'+f3+'&lt;/td&gt;&lt;td&gt;'+f4+'&lt;/td&gt;&lt;td&gt;'+f5+'&lt;/td&gt;&lt;td&gt;'+f6+'&lt;/td&gt;&lt;td&gt;'+f7+'&lt;/td&gt;&lt;td&gt;'+f8+'&lt;/td&gt;&lt;td&gt;'+f9+'&lt;/td&gt;&lt;td&gt;'+f10+'&lt;/td&gt;'; $('#produkty').find('tbody').append(row); }); $('#usunWiersz').click(function() { $('#produkty').find('tbody tr:last').remove(); }); }); </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload