Create, append and submit form using pure JavaScript

Question

I'm trying to implement onclick function, which send parameters using POST method. I need this function to reload the page, what makes me to use some other way than AJAX. I have a function to do this, but this function uses jQuery. Now I need to "port it" to pure JavaScript. jQuery function: ``` function domainRemoveConfirmation(id, url) { //trick to send javascript redirect with post data var form = $(''); $('body').append(form); $(form).submit(); } ``` I look for the equivalent function in pure JavaScript, I need to create element (form with input fields), append it and submit it. Thanks in advance!

Accepted Answer

Here you go:

```
function domainRemoveConfirmation(id, url){
    var myForm = document.createElement('form');
    myForm.setAttribute('action', url);
    myForm.setAttribute('method', 'post');
    myForm.setAttribute('hidden', 'true');
    var myInput = document.createElement('input');
    myInput.setAttribute('type', 'text');
    myInput.setAttribute('name', 'domainId');
    myInput.setAttribute('value', id);
    myForm.appendChild(myInput);
    document.body.appendChild(myForm);
    myForm.submit();
};
```

Create, append and submit form using pure JavaScript

Solution

Problem