Select2

Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options. For more information please check Full Documentation.

Examples

Basic
								
									<div class="select2-input">
										<select id="basic" name="basic" class="form-control">
											<option value="AL">Alabama</option>
											...
											<option value="WY">Wyoming</option>
										</select>
									</div>
								
							
								
									$('#basic').select2({
									theme: "bootstrap"
								});
							
						
Multiple
							
								<div class="select2-input">
									<select id="multiple" name="multiple[]" class="form-control" multiple="multiple">
										<option value="AL">Alabama</option>
										...
										<option value="WY">Wyoming</option>
									</select>
								</div>
							
						
							
								$('#multiple').select2({
								theme: "bootstrap"
							});
						
					
Multiple with States
						
							<div class="select2-input select2-warning">
								<select id="multiple-states" name="multiple2[]" class="form-control" multiple="multiple">
									<option value="AL">Alabama</option>
									...
									<option value="WY">Wyoming</option>
								</select>
							</div>
						
					
						
							$('#multiple-states').select2({
							theme: "bootstrap"
						});