Send single hidden field with form using javascript

Question

Currently I'm working with ASP.Net and a nested form. My problem is, that ASP.Net only allows one form per page, but I need a kind of sub-form to redirect to another page.

My idea was to create a submit using JavaScript, but I don't get how to set the content of the post, which will be send.

For example I've tried to use the following code:

<div>
    <input type="hidden" value="ABCDE" />
    <input title="Send Form" onclick="this.form.method = 'post'; this.form.action = 'https://externpage/url'; this.form.submit();" type="submit" />
</div>

My problem is, that the content of the request should only be the hidden fields containing ABCDE and not all fields on the page. How can i achieve this using JavaScript and HTML?

Thanks a lot!

I think in ASP.NET WEbForms you can get tag by Id in codebehind — Uthman Rahimi
– Uthman Rahimi, Commented May 3, 2016 at 9:22
I redirect to another extern page. They need the hidden value in the content of the request. But I don't know how they are working later with this. — BendEg
– BendEg, Commented May 3, 2016 at 9:23
@UthmanRahimi I think we are talking about two different things. I don't need to access any control on the server side. — BendEg
– BendEg, Commented May 3, 2016 at 9:27
Have you tried to set the other fields to disabled with the disabled html attribute? — dlopez
– dlopez, Commented May 3, 2016 at 9:37

Jordan Davis · Accepted Answer · 2016-05-03 09:34:48Z

2

Use FormData() to do the encoding.

sendForm=(e)=>{
    let data = new FormData();
    let hidden = document.querySelector('button').parentNode.firstChild.value;
    data.append('hidden',hidden);
    let xhr = new XMLHttpRequest();
    xhr.onreadystatechange=()=>(xhr.readyState == 4) ? console.log(xhr.response) : null;
    xhr.open('POST','http://yoururl.com');
    xhr.send(data);
}
document.addEventListener('DOMContentLoaded',()=>{
    document.querySelector('button').addEventListener('click',sendForm);
});

answered May 3, 2016 at 9:34

Jordan Davis

1,5358 gold badges24 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Send single hidden field with form using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related