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.

Table of Contents

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"
						});