PHP redirect based on form values

Question

Okay, I have this form and I want to submit a page in the value and a directory in the action so when the option is selected it opens the page thats in the directory.

<form method="post" action="pages/">
<ul class="pageitem">
    <li class="textbox"><span class="header">Select a specific year</span>
    </li>
    <li class="select"><select name="pages/">
        <option value="1"></option>
        <option value="2007.php">2007</option>
        <option value="2008.php">2008</option>
        <option value="2009.php">2009</option>
        <option value="2010.php">2010</option>
        <option value="2011.php">2011</option>
        <option value="2012.php">2012</option>
        </select><span class="arrow"></span> 
    </li>
    <li class="button">
        <input name="Submit input" type="submit" value="Submit input" />
    </li>
</ul>
</form>

You need to process the selection using JavaScript or PHP. What do you prefer? — Diodeus - James MacFarlane, Dec 05 '12 at 22:07

score 0 · Answer 1 · answered Dec 05 '12 at 22:09

0

With jQuery:

$('select').change(function () {
    $(this).closest('form').attr('action', 'pages/' + $('option:selected', this).val());
});

with PHP (short version - note you should remove the trailing slash on name="pages/")

header('Location: /pages/' + $_POST['pages']);

answered Dec 05 '12 at 22:09

Brian Cray

1,277
1
7
19

Okay, I know nothing about jQuery. How do I use this? – Intecpsp Dec 05 '12 at 22:11

score 0 · Answer 2 · edited Dec 05 '12 at 22:32

0

<?php
$valid_pages = array("2007","2008","2009","2010","2011","2012");
if(isset($_POST['pages']) && in_array($_POST['pages'], $valid_pages))
{
    header("Location: /pages/" . $_POST['pages'] . '.php', true, 303);
    exit;
}
?>

and

<form method="post" action="pages">
    <ul class="pageitem">
        <li class="textbox"><span class="header">Select a specific year</span>
        </li>
        <li class="select"><select name="pages">
            <option value="1"></option>
            <option>2007</option>
            <option>2008</option>
            <option>2009</option>
            <option>2010</option>
            <option>2011</option>
            <option>2012</option>
            </select><span class="arrow"></span> 
        </li>
        <li class="button">
            <input name="Submit input" type="submit" value="Submit input" />
        </li>
    </ul>
    </form>

edited Dec 05 '12 at 22:32

sierrasdetandil

421
1
9
16

answered Dec 05 '12 at 22:14

Shahrokhian

1,100
13
28

Okay, sweet! This one kinda works! But all this does it put me in the pages directory, it didn't open the specific URL – Intecpsp Dec 05 '12 at 22:18
1

put your host before the path in Location, like so: `header("Location: http://yourdomain.com/pages/" . $_POST['pages'] . '.php');` – Brian Cray Dec 05 '12 at 22:22
that part is working but what it is doing is putting me in http://mydomain.com/pages/ where I can see all of the files – Intecpsp Dec 05 '12 at 22:27
would you please describe more ? i didnt get. – Shahrokhian Dec 05 '12 at 22:40
With the above information it open blahblah.com/pages/ instaed of blahblah.com/pages/2007.php – Intecpsp Dec 05 '12 at 23:13

score 0 · Accepted Answer · answered Dec 05 '12 at 23:50

GOT IT! And I don't need a submit button. I had a friend help me with it. Here is the form:

<script type="text/javascript" src="pages/select.js"></script>
<form method="post" action="pages">
<ul class="pageitem">
    <li class="textbox"><span class="header">Select a specific year</span>
    </li>
    <li class="select">
    <select id="select1" onchange="goToPage('select1')">
        <option selected="selected"></option>
        <option value="pages/2007.php">2007</option>
        <option value="pages/2008.php">2008</option>
        <option value="pages/2009.php">2009</option>
        <option value="pages/2010.php">2010</option>
        <option value="pages/2011.php">2011</option>
        <option value="pages/2012.php">2012</option>
    </select>
    <span class="arrow"></span> 
    </li>
</ul>
</form>

And here is the select.js:

function goToPage( id ) {

   var node = document.getElementById( id );

   if( node &&
     node.tagName == "SELECT" ) {

     window.location.href = node.options[node.selectedIndex].value;

   }


}

PHP redirect based on form values

3 Answers3