URL's query-string portion is getting cut of when used as a link in a button

Question

I have the following code to link a button to a specific URL.

stage_link = " 'http://limitless-scrubland-2940.herokuapp.com/game/game.html?stageid=5' "
<form action=stage_link method='get'> 
    <button>Play stage!</button>
</form>

The button renders fine, but it links to: "http://limitless-scrubland-2940.herokuapp.com/game/game.html"

Why is it that the query-string portion (?stageid=5) gets truncated off? Is it possible to prevent this from happening?

StackSlave · Answer 1 · 2014-03-14T23:00:14.257

1

Simple. <form action cannot be a $_GET query. Use a hidden field and test against it, if you must submit a form:

<form method='get' action='http://limitless-scrubland-2940.herokuapp.com/game/game.html' method='get'>
  <input type='hidden' name='stageid' value='5' />
  <input type='submit' value='Play stage!' name='playstage' id='playstage' />
</form>

Now test for $_GET['stageid'] on your PHP page.

For your purpose, however you may just need:

<a id='playstage' href='http://limitless-scrubland-2940.herokuapp.com/game/game.html?stageid=5'>
  Play stage!
</a>

edited Mar 14 '14 at 23:00

answered Mar 14 '14 at 22:52

StackSlave

10,613
2
18
35

I'm not actually using PHP, but can you explain how to user that input<> tag with my button? – Mar 14 '14 at 22:56
`` and `` are virtually the same. A button does not actually even submit a form unless its `type='submit'`, which may be the default `type`, depending on your Browser, unless you are using JavaScript to submit your form. My second example is probably what you want, if you have no need to submit the form. You can always style an `` tag, like: `#playstage{text-decoration:none;}`, adding padding and other CSS features to make it look like a button. – StackSlave Mar 14 '14 at 23:13

score 0 · Answer 2 · edited May 23 '17 at 10:25

<form action="" method='get'> 
    <button>Play stage!</button>
</form>
<script>
document.forms[0].action= "http://limitless-scrubland-2940.herokuapp.com/game/game.html"
var input = document.createElement('input');
input.type = 'hidden';
input.name = 'stageid';
input.value = '5';
document.forms[0].appendChild(input);
</script>

See submitting a GET form with query string params and hidden params disappear on why.

URL's query-string portion is getting cut of when used as a link in a button

2 Answers2