<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes</title>
  <link rel="stylesheet" href="docsupport/style.css">
  <link rel="stylesheet" href="docsupport/prism.css">
  <link rel="stylesheet" href="chosen.css">

  <meta http-equiv="Content-Security-Policy" content="default-src &apos;self&apos;; script-src &apos;self&apos; https://ajax.googleapis.com; style-src &apos;self&apos;; img-src &apos;self&apos; data:">

</head>
	
	<h2><a name="selected-and-disabled-support" class="anchor" href="#selected-and-disabled-support">Selected and Disabled Support asg</a></h2>
	<div class="side-by-side clearfix">
		<p>Chosen automatically highlights selected options and removes disabled options.</p>
		
		<div>
		  <em>Multiple Select</em>
		  <select data-placeholder="Your Favorite Types of Bear" multiple class="chosen-select" tabindex="8">
			<option value=""></option>
			<option>American Black Bear</option>
			<option>Asiatic Black Bear</option>
			<option>Brown Bear</option>
			<option>Giant Panda</option>
			<option selected>Sloth Bear</option>
			<option disabled>Sun Bear</option>
			<option selected>Polar Bear</option>
			<option disabled>Spectacled Bear</option>
		  </select>
		</div>
	</div>
	
	<script src="docsupport/jquery-3.2.1.min.js" type="text/javascript"></script>
	<script src="chosen.jquery.js" type="text/javascript"></script>
	<script src="docsupport/prism.js" type="text/javascript" charset="utf-8"></script>
	<script src="docsupport/init.js" type="text/javascript" charset="utf-8"></script>
  
  