CODEWITHSUNDEEP
javascriptphpjqueryhtmlforms
mmvsbg
mmvsbg

Reputation: 3588

Dynamically adding GET parameter to URL on form submit

I have a simple form in a PHP application that I have to submit via POST method. Something like:

<form action="URL?page_id=10" method="POST">
    <select name="some_name" id="some_id">
        <option value='1'>...</option>
        <option value='2'>...</option>
        ...
    </select>
    ...
    //submit button here
</form>

The goal is to go to the following URL on submit:

URL?page_id=10&selected_id=SELECTED_ID

where SELECTED_ID is the value chosen by the user from the select drop down menu in the form. I've done it by converting the whole form to post the parameters as GET as I need to have this SELECTED_ID visible in the URL. However, another requirement turned up saying that I need to pass everything through POST and still have the SELECTED_ID visible in the URL and now I'm looking for alternatives.

So the question gets down to: how can I add dynamically another GET parameter to the URL upon POST form submission with one of the values submitted with the form?

Upvotes: 2

Views: 8125

Answers (2)

Ehab Eldeeb
Ehab Eldeeb

Reputation: 720

use <form method="GET"> .. all the field values will be appended to the url automatically

Upvotes: 1

joker
joker

Reputation: 990

first you have to add a id to your form as below

<form id='form1' action="URL?page_id=10" method="POST">

then add call below function on your button click

 function test(){
    $('#form1').attr('action', $(this).attr('formaction')+'&selected_id='+$('#some_id').val());
    }

Upvotes: 1

Related Questions