[SOLVED] drop down menu help

[rockindano30]

im working on a drop down menu. now i know its simple but i can't seem to make it work. its a menu with four selections. and when one is selected i want it to display info right below it in the same page. code is as follows:

 

          <?php
		print "<select name='find'>";
		print "<option value='a'>Central Fire Station</option>";
		print "<option value='b'>Fire Station 2</option>";
		print "<option value='c'>Fire Station 3</option>";
		print "<option value='d'>Fire Station 4</option>";
		print "</select>";

		$find=$_POST['find'];

		if ($find == 'a')
		print "central station";
		elseif($find == 'b')
		print "station number 2";
		elseif ($find == 'c')
		print "station number 3";
		elseif ($find == 'd')
		print "station 4";			
	  ?>

 

help please.............

[craygo]

in order to do it you have to submit the dropdown menu to the server. php is a server side language so no instand output can be done if you want instant you will have to use javascript.

[rockindano30]

how would i submit the dropdown menu

[Zhadus]

You can either add a normal submit button:

 

print "<input type='submit' value='Submit'>";

 

After putting the dropdown in a form, or you can use javascript to submit onchange() (Which would also require the dropdown in a <form>.

[craygo]

A simpler way would be to submit with javascript

<?php
      print "<form action=\"\" method=post />";
		print "<select name='find' onchange=\"this.form.submit();\" >";
		print "<option value='a'>Central Fire Station</option>";
		print "<option value='b'>Fire Station 2</option>";
		print "<option value='c'>Fire Station 3</option>";
		print "<option value='d'>Fire Station 4</option>";
		print "</select>";
      print "</form>";

		if(isset($_POST['find'])){
      $find = $_POST['find'];
		if ($find == 'a')
		print "central station";
		elseif($find == 'b')
		print "station number 2";
		elseif ($find == 'c')
		print "station number 3";
		elseif ($find == 'd')
		print "station 4";
      }
	  ?>

 

Ray

[Zhadus]

If you're targetting a wide audience, you should add

print "<noscript><input type='submit' value='Submit'></noscript>";

Before the </form> tag for those without javascript enabled.

[rockindano30]

Thank you guys thats what i was missing. ah........... much better now.