Hi Jonathan,
To clear values from a table you can add a button to the form using the following custom HTML:
<button type="button">Clear table</button>
Then, you can add the following JavaScript, which clears the table when the button is clicked. To use this script on your form, replace #q10 with the ID or class of your custom button; replace #q7 with the ID or class of your table.
$(document).ready(function() {
$('#q10').click(function(){ //wait for button click
$('#q7 tr').each(function() { //iterate through rows of table
$(this).find('td').each(function () { //iterate through cells in row
$(this).find('input, textarea').val(''); //clear cells
});
});
});
});
It is worth noting that the script above assumes that your table is made up of single line and multi line fields; if you are using other field types in your table, the script will need to be modified slightly. Additionally, since you mentioned that you don't want the user to be able to make a new dropdown selection until the table is cleared, you may want to add script to make the dropdowns read-only until the button has been clicked.
Hope this helps, and please let me know if you have any further questions!