Right now on click of a button a modal is opening but now on click of button I want to open a modal and also Submit values for the form

Question

htmlString += "             <button type=\"button\" class=\"btn-link border-0 cancel-btn-v1\" data-bs-toggle=\"modal\" data-bs-target=\"#cancelSubscription_" + rowInd + "\" onclick=\"openModalPauseAtClickCoordinate(this)\">" + TITLES.BUTTONS.CANCEL_SUBSCRIPTION + "</button>";

htmlString += "<a href=\"javascript:void(0);\" class=\"btn btn-primary btn-sm\" onclick=\"var data = {};data.unsubscribe = 'T';var value = JSON.stringify(data); nlapiSetFieldValue('custpage_newfield', value); document.getElementById('main_form').submit();\">" + TITLES.BUTTONS.SUBMIT + "</a>";

How can I combine this both button into one.

Answer 1

By adding both the modal opening and form submission into the onclick event of your button:

 htmlString += "<button type=\"button\" class=\"btn btn-primary btn-sm\" data-bs-toggle=\"modal\" data-bs-target=\"#cancelSubscription_" + rowInd + "\" onclick=\"openModalPauseAtClickCoordinate(this); var data = {}; data.unsubscribe = 'T'; var value = JSON.stringify(data); nlapiSetFieldValue('custpage_newfield', value); document.getElementById('main_form').submit();\">" + TITLES.BUTTONS.SUBMIT + "</button>";