Added support for disabled state on initialization

examples/index.html

@@ -34,6 +34,16 @@
 		</div>
 
 		<div class="select-container" style="left: 400px;">
+			<p>Disabled regular select (<a href="#" id="toggle-disabled">Toggle State</a>)</p>
+			<select disabled="disabled">
+				<option>Option 1</option>
+				<option>Option 2</option>
+				<option>Option 3</option>
+				<option>Option 4</option>
+			</select>
+		</div>
+
+		<div class="select-container" style="left: 700px;">
 			<p>Select with optgroups</p>
 			<select>
 				<optgroup>
@@ -51,7 +61,7 @@
 			</select>
 		</div>
 
-		<div class="select-container" style="left: 700px;">
+		<div class="select-container" style="left: 1000px;">
 			<p>Select with optgroups and optgroup labels</p>
 			<select>
 				<optgroup label="Group 1">

examples/main.js

@@ -4,4 +4,11 @@ $(document).bind("ready", function(){
 		.bind("change.simpleselect", function(){
 			console.log('change; new value='+ $(this).val());
 		});
+
+	$("#toggle-disabled").bind("click", function(e){
+		e.preventDefault();
+		var select = $(this).closest(".select-container").find("select");
+		if(select.prop("disabled")) select.simpleselect("enable");
+			else select.simpleselect("disable");
+	});
 });

jquery.simpleselect.js

@@ -245,6 +245,10 @@
 							}
 						}
 					});
+				// disable the simpleselect if the select is disabled
+				if(simpleselectrefdata.ref.prop("disabled")){
+					simpleselectrefdata.disable();
+				}
 				// container for options
 				var simpleoptions = '<div class="options">';
 				// add options to the container