Currently, I am using a script that adds a new row after the tr where my button is located. Unfortunately, I do not want the same button to generate more than one tr. Here is the script in question:
<script>
$(function() {
var done;
$('table.listtable td input.selectseat').click(function() {
if( done ) return;
done = true;
$(this).parent().parent().after('<tr class="seating"><td colspan="6"></td></tr>');
});
});
</script>
The issue I am facing is with multiple buttons in sequence. The current script prevents me from adding another row from a different button after already producing a row with a previous button click. I have a series of rows each featuring a "select seats" button. My goal is for each individual button press to only create one row, but currently, all buttons are restricted from generating additional rows.
Specifically, this section of code:
if( done ) return;
done = true;
was included to stop a button clicked once from creating any more rows, yet it seems to prevent any buttons from adding a new row after just one click. Any assistance on resolving this issue would be greatly appreciated.