根据URL参数填充隐藏的输入表单字段

Question

I have a ppc landing page that I want to change the hidden value of a form field based on the URL parameter.

The field

  <input id="Campaign_ID" name="Campaign_ID" type="hidden" value="7g012455dv5441vdf"> 

The URL would be something like mysite.com/?campaignidvalue= 7g012455dv5441vdf

There will be other field "values" that are also based on the URL parameter, so it has to tie the "input id" (or name) to that specific value.

Answer 1

EDIT: There was an error in my code.

PHP would be the easiest!

<?php       
        if(!empty($_GET['campaignidvalue'])) 
        {       
           echo '<input id="Campaign_ID" name="Campaign_ID" type="hidden" value="'. $_GET['campaignidvalue'].'"/>';
        }

?>

This block will check to see if the value is passed in a GET parameter, and then echo it out into a hidden form field.

The first part:

if(!empty($_GET['campaignidvalue'])) 

Is checking to see if a parameter named Campaign_ID is being passed.

So your URL of:

mysite.com/?campaignidvalue=7g012455dv5441vdf

Would allow the code to continue, as it is not empty.

This section is the part that actually displays it on the page.

echo '<input id="Campaign_ID" name="Campaign_ID" type="hidden" value="'. $_GET['campaignidvalue'].'"/>';

If you view the source of the HTML page, you would see

Answer 2

By using this function:

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regexS = "[\\?&]" + name + "=([^&#]*)";
    var regex = new RegExp(regexS);
    var results = regex.exec(window.location.search);

    if(results == null) {
        return "";
    } else {
      return decodeURIComponent(results[1]);
    }
}

You'll be able to get any URL parameter by name, like so:

var cid = getParameterByName(campaignidvalue);

Then, once you have the value you can use jQuery to set it, like so:

$(function() {
   $("#Campaign_ID").val(cid);
});