From 217fdb1b9340c1f62c17fbb65549e7be75bd4bd1 Mon Sep 17 00:00:00 2001
From: Stephen James <llama@interactivellama.com>
Date: Thu, 28 Aug 2014 23:20:34 -0400
Subject: [PATCH] default-dropdown-header: selectlist: make default have <a>

---
 index.html       | 26 ++++++++++++++++++++++++--
 js/selectlist.js | 15 ++++++---------
 2 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index e4ab33ee8..7dd60429a 100644
--- a/index.html
+++ b/index.html
@@ -778,7 +778,7 @@ <h2 id="scheduler"><a href="#scheduler">#</a>Scheduler</h2>
 
 							<div class="datepicker start-date">
 								<div class="input-group">
-									<input class="form-control" type="text"/>
+									<input id="MyStartDate" class="form-control" type="text"/>
 									<div class="input-group-btn">
 										<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 											<span class="glyphicon glyphicon-calendar"></span>
@@ -1520,7 +1520,7 @@ <h5>Sample Methods</h5>
 			<h2 id="selectlist"><a href="#selectlist">#</a>Selectlist</h2>
 
 			<div class="form-group">
-				<label class="control-label" for="MySelectlistHiddenInput">With auto-resize</label>
+				<label class="control-label" for="MySelectlistHiddenInput">Default With auto-resize</label>
 				<div class="input-group">
 
 					<div id="MySelectlist" class="btn-group selectlist" data-initialize="selectlist" data-resize="auto">
@@ -1541,6 +1541,28 @@ <h2 id="selectlist"><a href="#selectlist">#</a>Selectlist</h2>
 
 			</div>
 
+			<div class="form-group">
+				<label class="control-label" for="MySelectlistNoDefaultInput">No default</label>
+				<div class="input-group">
+
+					<div id="MySelectlistNoDefault" class="btn-group selectlist" data-initialize="selectlist" data-resize="auto">
+						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+							<span class="selected-label"></span>
+							<span class="caret"></span>
+							<span class="sr-only">Toggle Dropdown</span>
+						</button>
+						<ul class="dropdown-menu" role="menu">
+							<li class="dropdown-header">Heading 1</li>
+							<li data-value="1"><a href="#">One</a></li>
+							<li data-value="2"><a href="#">Two</a></li>
+							<li class="dropdown-header">Heading 2</li>
+							<li data-value="3"><a href="#">Three</a></li>
+							<li data-value="4" data-foo="bar" data-fizz="buzz"><a href="#">Buzz</a></li>
+							<li data-value="Item Five"><a href="#">Item Five</a></li>
+						</ul>
+						<input id="MySelectlistNoDefaultInput" class="hidden hidden-field" name="MySelectlist" readonly="readonly" aria-hidden="true" type="text"/>
+					</div>
+
 			</div>
 
 			<div class="form-group">
diff --git a/js/selectlist.js b/js/selectlist.js
index 267fe956b..dc52e2afb 100644
--- a/js/selectlist.js
+++ b/js/selectlist.js
@@ -163,16 +163,13 @@
 		},
 
 		setDefaultSelection: function() {
-			var selector = 'li[data-selected=true]:first';
-			var item = this.$element.find(selector);
-			if(item.length === 0) {
-				// select first item
-				this.selectByIndex(0);
-			}
-			else {
-				// select by data-attribute
-				this.selectBySelector(selector);
+			var $item = this.$element.find('li[data-selected=true]').eq(0);
+			
+			if($item.length === 0) {
+				$item = this.$element.find('li').has('a').eq(0);
 			}
+
+			this.doSelect($item);
 		},
 
 		enable: function() {