Drop Down Menu

obrienkev

Hi all,

Please could you tell me how to create a drop down menu in PHP only.

Thank you.

Kevin.

AstroTeg

Drop down menus are created by the browser using HTML. To generate a list of drop down items, you can use PHP to generate the list. Where are you stuck at?

obrienkev

I want the user to be able to select from the drop down menu what page to visit.
How do I do this??

I don't want to use any JavaScript!

Thanks.

tuf-web_co_uk

this should be farefly straight forward.

you could choose to have the menu dynamically created or just create it your self and update it manually, i'll show you both version

Not Dynamically --------------------------

Page1.php (where the drop down menu is)

<form name="menu" method="GET" action="page2.php">
<select size="1" name="page">
<option selected>Menu</option> <!-- This will be displayed by default -->
<option>Home</option>
<option>Some Page</option>
<option>Some Page2</option>
<option>Some Page etc</option>
</select>
<input type="submit" value="Submit" name="submit">
</form>

Page2.php (the redirector)

<?
if (isset($_GET['page']) && $_GET['page'] != '') { // Check for variable

Switch ($_GET['page']) { // Use a switch statement as an if statement would be too long	
	Case "Home":
	$url = "http://www.yoursite.com/index.php";
	break;

	Case "Some Page":
	$url = "http://www.yoursite.com/sp.php";
	Break;

	Case "Some Page2":
	$url = "http://www.yoursite.com/sp2.php";
	Break;

	Case "Some Page etc":
	$url = "http://www.yoursite.com/sp3.php";
	Break;

	Default: // Set this incase anyone tries to input anything else
	$url = "http://www.yoursite.com/sp3.php";
	Break;
}

Header('Location: ' . $url); // Redirect to the page you just set

}

else { // $_GET['page'] doesnt exist

$url = "http://www.yoursite.com/index.php";
Header('Location: ' . $url);

}

?>

Dynamically -----------------------------

Make a table with 3 fields

id | name of page | url of page

with some information like

1 | home | index.php
2 | somepage | sp.php

Page1.php

<?
$sql = "SELECT * FROM `table_name`";
$qry = mysql_query($sql, $conn) or die(mysql_error()); // $conn is your connection to the mysql server
?>
<form name="menu" method="GET" action="page2.php">
<select size="1" name="page">
<option selected>Menu</option> <!-- This will be displayed by default -->
<?
while ($row = mysql_fetch_array($qry)) {
	echo "<option>".$row['name_of_page']."</option>\n";
}
?>
</select>
<input type="submit" value="Submit" name="submit">
</form>

Page2.php

same principle

<?
if (isset($_GET['page']) && $_GET['page'] != '') { // Check for variable

$sql = "SELECT `url_of_page` FROM `table_name` WHERE `name_of_page` = '".$_GET['page']."'";
$qry = mysql_query($sql, $conn) or die(mysql_error());

if (mysql_num_rows($qry) == '1') {

	$row = mysql_fetch_array($qry);

	Header('Location: ' . $row['url_of_page']); // Redirect to the page you just set
}

else { // $_GET['page'] doesnt exist in database

$url = "http://www.yoursite.com/index.php";
Header('Location: ' . $url);

}

}

else { // $_GET['page'] doesnt exist

$url = "http://www.yoursite.com/index.php";
Header('Location: ' . $url);

}

?>

hope this helps

obrienkev

Thanks for that. However it fails to redirect me to the proper page.

Here is my form...action.php

<form action="action2.php" method="get" name="menu" id="menu">
<td width="233"><select name="page" class="Presentation" id="page">
<option value="0" selected>Select an option</option>
<option value="1">Home</option>
<option value="2">FAQ</option>
<option value="3">Help</option>
</select>
<input name="submit" type="submit" id="submit" value="Go"></td>
</table>
</form>

Here is my php code...action2.php

<?
if (isset($GET['page']) && $GET['page'] != '')
{ // Check for variable

Switch ($_GET['page']) 
{ 						// Use a switch statement as an if statement would be too long     
    Case "1": 
    $url = "http://localhost/index.htm"; 
    break; 

    Case "2": 
    $url = "http://localhost/faq.htm"; 
    Break; 

    Case "3": 
    $url = "http://localhost/help.htm"; 
    Break; 

    Default: // Set this incase anyone tries to input anything else 
    $url = "http://localhost/index.htm"; 
    Break; 
} 

Header('Location: ' . $url); // Redirect to the page you just set

}

else { // $_GET['page'] doesnt exist

$url = "http://localhost/index.htm"; 
Header('Location: ' . $url);

}

Please could you help me???

laserlight

I suggest that you test with this first:

page1.php

<form action="page2.php" method="post">
<select size="1" name="page">
<option value="" selected>Menu</option> <!-- This will be displayed by default -->
<option value="http://www.example.com">Example</option>
<option value="http://www.php.net">php.net</option>
<option value="http://www.phpbuilder.com">PHP Builder</option>
<option value="http://www.jabber.org">Jabber</option>
</select>
<input type="submit" name="submit" value="Submit" />
</form>

page2.php

<?php
if (isset($_POST['submit']) && !empty($_POST['page']))
	@header("Location: " . $_POST['page']);
else
	header("Location: page1.php");
?>

TTT

or you can use javascript to avoid "headers already sent" error message

<script language="javascript" type="text/javascript">
function doStuff() {
   curSelection = document.yourForm.page.options[document.yourForm.page.selectedIndex].value;
    if(curSelection != '') {
      document.yourForm.action = curSelection;
   } else {
       void(0);
   }
}

</script>

<form action="" method="post" onsubmit="javascript: return doStuff();" name="yourForm"> 
<select size="1" name="page"> 
<option value="" selected>Menu</option> <!-- This will be displayed by default --> 
<option value="http://www.example.com">Example</option> 
<option value="http://www.php.net">php.net</option> 
<option value="http://www.phpbuilder.com">PHP Builder</option> 
<option value="http://www.jabber.org">Jabber</option> 
</select> 
<input type="submit" name="submit" value="Submit" /> 
</form>

laserlight

or you can use javascript to avoid "headers already sent" error message

If you code in PHP properly, you shouldnt get that message.

But the point is that obrienkev doesnt want to use JS.