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 } ?>
My name is Mukesh Jakhar and I am a Web Application Developer and Software Developer, currently living in Jaipur, India. I have a Master of Computer Application in Computer Science from JNU Jaipur University. I loves to write on technology and programming topics. Apart from this, I love to travel and enjoy the beauty of nature.