Dropdown menu using php, php array, dynamic dropdown menu

Search Engine Users are Search Savvy: Does your Website have the right keywords to attract the right people?…
read more

Why Credit Crunch Cutbacks Must NOT affect your staff training programme…
read more

Go back

Dropdown menus using array
This tutorial will explain how to create a dropdown menu using function which populates values from the array.
Demo

To start with create new page and within the body of this page type the following:

Now at the top of the document, before the DOCTYPE, within the php tags create two arrays one for counties and the other one for "how did you hear about us":

<?php

$county = array (′Kent′,′West Susses′,′East Sussex′,′Sommerset′,′Hampshire′,′London′,′Essex′);
$hear = array (′Google′,′Other Search Engine′,′Magazine′,′Recommendation′);

?>

These arrays store values which will be populated to our dropdown menus.
Now we are going to create a function which will take to parameters name of the array and name of the form element. This function will use foreach loop to display all values from the specific array.
After $hear array type:

function createDropdown($arr, $frm) {

echo '<select name="'.$frm.'" id="'.$frm.'"><option value="">Select one…</option>';

foreach ($arr as $key => $value) {

echo '<option value="'.$value.'">'.$value.'</option>';

}

echo '</select>';

}

Now go back to our form and after the line which reads:

type:

<label for="frmcounty">County:</label>
<?php createDropdown($county, 'frmcounty'); ?>
<label for="frmhowhear">How did you hear about us?:</label>
<?php createDropdown($hear, 'frmhowhear'); ?>

What′s happened here is we have created labels for the dropdown menus and placed createDropdown() function against them to generate dropdown menus with the values populated from the relevant array. Name of the array is passed via function′s first parameter ($county) and the name of the form element is passed as a second parameter (′frmcounty′).

Save the file and test it in the browser.
This way we can effectively use one function to handle all of the dropdown menus within our form.

Written by Freelance Web Designer – Sebastian Sulinski