Select box with search option jquery

Today i am show you how can we create simple select box with search option with the help of Jquery. There are several plugins available in google like select2, selectbox etc, But i found simple and best plugin for select box with search option its Chosen plugin. You can also use with bootstrap. I give you full example of select box with search option. Don’t have to trugle any where Just copy below code past into you file and enjoy.

<html lang="en">
<head>
	<title>Select Box with Search Option</title> 
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.min.css">
</head>
<body>
<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 value="PHP">PHP</option>
		<option value="MySQL">MySQL</option>
		<option value="HTML">HTML</option>
		<option value="CSS">CSS</option>
		<option value="Bootstrap">Bootstrap</option>
		<option value="JavaScript">JavaScript</option>
		<option value="Jquery">Jquery</option>
		<option value="WordPress">WordPress</option>
		<option value="CodeIgniter">CodeIgniter</option>
	</select>
</div>
<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>
<script type="text/javascript">
$(".chosen").chosen();
</script>
</body>
</html>

Tags for select box with search option jquery

bootstrap select with search, bootstrap select dropdown with search, bootstrap select box with search, select box with search option in jquery, select with search jquery, select 2, select box with search option in javascript, bootstrap search dropdown example, select with search, select with search chosen, select with search jquery chosen plugin, jquery chosen plugin.

Leave a Reply

Related Posts: You may like

Simple social sharing buttons with counter

Simple Mobile Navigation Free Download

Stylish accordion menu jquery

What is the difference between jQuery and Angular JS

Tools:

Crypto Currency

PHPKIDA provides free online the best real-time crypto market price, news, predictions, index with graphs & historical data for 2000+ coins including bitcoin, ethereum, & altcoins from major cryptocurrency exchanges.

Visite Tool

Icon Generator

PHPKIDA provides free online icon generator. Our icon generator help you to edit, modify, resize and customize icon for your website and applications. Convert to a shap you like add icon border, you can change icon border color, border size, background color, icon shadow, icons color, icon size in your own way and save it as a png image.

Visite Tool

Youtube Video Downloader

PHPKIDA provides Free online YouTube video downloader to download YouTube videos quickly in MP4, 3GP, and more. Search your video and free fast download youtube videos.

Visite Tool

Sign up for weekly update

Milkshake is almost ready. If you're interested in testing it out, then sign up below to get exclusive access.