Here we are explaing how to implement Multiple Select dropdown and how to get all the selected value of the select box and save it into the database.

Multiple Select dropdown is same like Simple dropdown box. The HTML code of both is same except Multiple Select dropdown need to write “multiple=”multiple”” in select option and important thing is we have added [] to the dropdown name ie skills[].

Here is the implementation HTML code of simple dropdown box.

<form method="post" name="SkillForm">
    <select id="skills" name="skills[]" multiple="multiple">
        <option value="HTML">HTML</option>
        <option value="HTML5">HTML5</option>
        <option value="CSS">CSS</option>
        <option value="CSS3">CSS3</option>
        <option value="JavaScript">JavaScript</option>
        <option value="PHP">PHP</option>
        <option value="MYSQL">MYSQL</option>
        <option value="WORDPRESS">WORDPRESS</option>
    </select>
    <input type="submit" name="SkillForm" value="Submit" />
</form>

Here is the PHP code for get value of simple multiple dropdown box and save into database.

<?php
if(isset($_POST['skills']))
{
    $skills = "";
    foreach($_POST['skills'] as $SkillValue)
    {
        $skills.= $SkillValue.", ";
    }
    echo $skills; // value of this variable you can into database
}
?>