I have a dynamic form data which is loaded from backend. If there are static form, I can get value by document.getElementById("xxx"). However, if there are dynamic form which is unknown id, how can I get the value ? I would like to have these format to submit on it
"answers" :[
{
"questionId" : 1002,
"response" : "Yes"
},{
"questionId" : 1001,
"response" : "No"
}
]
When you are looping over the form, you can generate class name or id from data fetched from backend, or you can construct new one.
Put your form fields inside a form tag (including the submit
button).
Give a class to the form e.g. custom-form
Add a submit listener on the .custom-form selector.
$('.custom-form').on('submit', function formSubmitHandler(event) {
// add logic here
});
Inside the submit handler, get the input fields by doing something like this:
const formInputs = $(this).find("input"); //this will retrieve all the input tags inside the form.
You can now loop through them and perform your desired operation.