Select box with search option example in Jquery using Chosen Plugin

By Hardik Savani | May 18, 2016 | Category : Bootstrap HTML jQuery Chosen JS

There are several plugins available in google like select2,selectbox etc, But i found Chosen Plugin for select box with search option. You can also use with bootstrap. I give you full example of select box with search option. After run this example you will find bellow preview.



<html lang="en">


<title>Jquery Chosen - Select Box with Search Option</title>

<link rel="stylesheet" href="">

<script src=""></script>

<script src=""></script>



<div style="width:520px;margin:0px auto;margin-top:30px;">

<h2>Select Box with Search Option Jquery</h2>

<select class="chosen" style="width:500px;">


<option>PHP Array</option>

<option>PHP Object</option>

<option>PHP Wiki</option>

<option>PHP Variable</option>






<script type="text/javascript">





Let's try..., you get more information from here : chosen.

Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.