Select box with search option example in Jquery using Chosen Plugin
In this post we will show you Select box with search option example in Jquery using Chosen Plugin, hear for Select box with search option example in Jquery using Chosen Plugin we will give you demo and example for implement.
There are several plugins available in google like select, 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">
<head>
<title>Jquery Chosen - Select Box with Search Option - onlinecode</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.jquery.min.js"></script>
</head>
<body>
<div style="width:520px;margin:0px auto;margin-top:30px;">
<p>Select box with search option example in Jquery using Chosen Plugin</p>
<h2>Select Box with Search Option Jquery</h2>
<select class="onlinecode_org" style="width:500px;">
<option>PHP</option>
<option>PHP Variable</option>
<option>PHP Array</option>
<option>PHP Object</option>
<option>PHP Wiki</option>
<option>C</option>
<option>Java</option>
<option>C++</option>
</select>
</div>
<script type="text/javascript">
$(".onlinecode_org").chosen();
</script>
</body>
</html>
Hope this code and post will helped you for implement Select box with search option example in Jquery using Chosen Plugin. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve onlincode. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs onlincode.org