From 266274575c6ba1d841411df3b786296e4f10eb26 Mon Sep 17 00:00:00 2001
From: Patrick Filler <pf@patrickfiller.com>
Date: Tue, 19 Jul 2011 17:34:25 -0400
Subject: [PATCH] Add examples for selected / deselcted and description of
 title behavior.

---
 index.html | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/index.html b/index.html
index 258fbf2..87999c5 100644
--- a/index.html
+++ b/index.html
@@ -1147,6 +1147,45 @@
             </div>
           </div>
 
+          <h2>Selected and Disabled Support</h2>
+          <div class="side-by-side clearfix">
+            <p>Chosen automatically highlights selected options and removes disabled options.</p>
+            <div>
+              <em>Single Select</em>
+              <select id="bears_single" title="Your Favorite Type of Bear" style="width:350px;" class="chzn-select" tabindex="7">
+                <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>Polar Bear</option>
+                <option disabled>Spectacled Bear</option>
+              </select>
+            </div>
+            <div>
+              <em>Multiple Select with Groups</em>
+              <select id="bears_multiple" title="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-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>
+
+          <h2>Default Text Support</h2>
+          <div class="side-by-side clearfix">
+            <p>Chosen automatically sets the default field text ("Choose a country...") by reading the select element's title value. If no title value is present, it will default to "Select Some Option" or "Select Some Options" depending on whether the select is single or multiple. You can change these elements in the plug-in js file as you see fit.</p>
+            <code>&lt;select <strong>title="Choose a country..."</strong> style="width:350px;" multiple class="chzn-select"&gt;</code>
+          </div>
+
           <h2>Why use Chosen?</h2>
           <ul>
             <li>