Passing current page URL via hidden input field within form

Question

I'm trying to figure out how to pass the URL of a current page via a hidden field so that I can redirect back to that page after the form's input has been handled. I've tried using javascript:location.href, however it looks as though it'll pass that as a literal string.

<input type="url" id="location" name="location" value="javascript:location.href" hidden />

When viewing the page source, I can see that the value of this input box is "javascript:location.href" rather than the page's URL. Any ideas here? Thanks in advance!

Robin Drexler · Accepted Answer · 2014-05-09 19:59:12Z

3

You can access the element in Javascript and change the value there

document.getElementById('location').value = location.href;

Example: http://jsfiddle.net/6zxD5/

answered May 9, 2014 at 19:59

Robin Drexler

4,4773 gold badges28 silver badges28 bronze badges

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

9 Comments

Johann Bauer Over a year ago

That would be possible, but you would need to put this script on the bottom of the page or it will get called before the DOM tree is ready.

Robin Drexler Over a year ago

yes, but I actually don't see this as a problem. Separating js from html tags isn't the worst thing to do, if you ask me. :) Unless you're doing angular :D

Johann Bauer Over a year ago

Okay, if you want that, window.onload=function(){document.getElementById('location').value = location.href;} would be even better.

Robin Drexler Over a year ago

One doesn't have to wait until window is loaded (including all images etc) in order to query the dom, right?

Robin Drexler Over a year ago

which of the browsers do you consider "modern"? IE9? And we didn't even specify the constraints for our discussion. We're both right, ok ? :)

|

Johann Bauer · Accepted Answer · 2014-05-09 19:59:30Z

0

I don't think it works that way. You could just use the onload callback to insert it when the page is completely loaded:

<body onload="document.getElementById('location').value = document.location.href">

answered May 9, 2014 at 19:59

Johann Bauer

2,6162 gold badges28 silver badges44 bronze badges

Comments

Slytherin · Accepted Answer · 2014-05-09 20:04:37Z

0

If your document containing the form is already a PHP file , you can do

 $yourPath = $_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];

And in your html you would do

echo '<input type="url" id="location" name="location" value="'.$yourPath.'" hidden />';

answered May 9, 2014 at 20:04

Slytherin

4743 silver badges17 bronze badges

Comments

Miguel · Accepted Answer · 2016-03-07 21:56:28Z

0

You can use JavaScript to set the value of the hidden field:

document.getElementById('location').value = window.location.href;

Example:

https://jsfiddle.net/moogs/mhjh0je3/

Since you also tagged PHP, here's the PHP version:

<input type="hidden" id="location" name="location" value="<?php echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?>" />

edited Mar 7, 2016 at 21:56

answered May 9, 2014 at 20:05

Miguel

20.7k5 gold badges47 silver badges68 bronze badges

1 Comment

Johann Bauer Over a year ago

You missed the dot to concatenate the strings in the echo.

Collectives™ on Stack Overflow

Passing current page URL via hidden input field within form

4 Answers 4

9 Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

9 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related