PHP HTML Dropdown List

From CoderLearner
Jump to: navigation, search

PHP works with HTML Select element

The SELECT element uses for generate the drop down list, a drop down list can be a single or multiple select option.

Syntax Select

<select name="NAME">
 <option value="v1">V1</option>
 <option value="v2">V2</option>
 <option value="v3">V3</option>  
</select>

Related Information

HTML tutorial for select drop down list and group related option for drop down list.

Example 1

<?php
<?php
if ($_POST) {
   echo '<pre>';
   print_r($_POST);
   echo '</pre>';
}
?>
<html>
   <head>
      <title>Select Drop Down List</title>
   </head>
   <body>
      <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
         My Major:<br/>
         <select name="major">
            <option value="computer science">Computer Science</option>
            <option value="English">English</option>
            <option value="Business">Business</option>
            <option value="Sport">Sport</option>
            <option value="Maths">Maths</option>
         </select><br/>

         Courses(Multiple Select):<br/>
         <select name="courses[]" multiple="multiple">
            <option value="eng101">English 101</option>
            <option value="math201">Math 201</option>
            <option value="cs201">C++ Foundation</option>
            <option value="bs201">Business 201</option>
         </select><br/>

         <input type="submit"/>
      </form>
   </body>
</html>

Try It

Example 2

<?php
$msg = "";

if (!empty($_POST['submit'])) {
   if (!empty($_POST['age'])) {
      foreach ($_POST['age'] as $g) {
         $msg .='<li>' . $g . '--> age group </li>';
      }
   }

   if (!empty($_POST['season'])) {
      foreach ($_POST['season'] as $s) {
         $msg .='<li>' . $s . '--> season </li>';
      }
   }

   if (!empty($_POST['fruit'])) {
      $msg .='<li>' . $_POST['fruit'] . '--> fruit </li>';
   }
}
?>
<html>
   <head>
      <title>Multiple Value</title>
   </head>
   <body>
      <?php echo '<ul>' . $msg . '</ul>'; ?>
      <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post">

         <i>Age Options(Multiple Selection):</i><br/>
         <select name="age[]" multiple size="4">
            <option value="age_group1">Age group 1</option>
            <option value="age_group2">Age group 2</option>
            <option value="age_group3">Age group 3</option>
            <option value="age_group4">Age group 4</option>
            <option value="age_group5">Age group 5</option>
            <option value="age_group6">Age group 6</option>
         </select>
         <br/>
         <i>Seasons:</i><br/>
         <input type="checkbox" name="season[]" value="Spring"/>Spring<br/>
         <input type="checkbox" name="season[]" value="Summer"/>Summer<br/>
         <input type="checkbox" name="season[]" value="Autumn"/>Autumn<br/>
         <input type="checkbox" name="season[]" value="Winter"/>Winter <br/>
         <i>Fruits:</i><br/>
         <input type="radio" name="fruit" value="Apple"/>Apple<br/>           
         <input type="radio" name="fruit" value="Banna"/>Banana<br/>
         <input type="radio" name="fruit" value="Orange"/>Orange<br/>           
         <input type="radio" name="fruit" value="Graph"/>Graph<br/>
         <input type="submit" name="submit" value="Multiple Value"/>

      </form>
   </body>
</html>

Try It