Re: #90, #68 - Altered attribute copying logic

Author: gfranko

demos/default.html

@@ -18,7 +18,7 @@
   <option value="">Select a Month</option>
   <option value="January" disabled>January</option>
   <option value="February">February</option>
-  <option value="March">March</option>
+  <option value="March" data-really="yeaaa" title="yea">March</option>
   <option value="April">April</option>
   <option value="May">May</option>
   <option value="June">June</option>

src/javascripts/jquery.selectBoxIt.core.js

@@ -1731,19 +1731,10 @@
         _addAttributes: function(arr, elem) {
 
             var self = this,
-                blacklist = [
+                // Attributes that will be copied over to the new drop down
+                whitelist = [
 
-                    "null",
-
-                    "value",
-
-                    "disabled",
-
-                    "id",
-
-                    "class",
-
-                    "unselectable"
+                    "title"
 
                 ];
 
@@ -1756,8 +1747,8 @@
                     // Get's the property name and property value of each property
                     var propName = (property.name).toLowerCase(), propValue = property.value;
 
-                    // If the currently traversed property is not on the blacklist and the value is not "null"
-                    if(propValue !== "null" && $.inArray(propName, blacklist) === -1) {
+                    // If the currently traversed property value is not "null", is on the whitelist, or is an HTML 5 data attribute
+                    if(propValue !== "null" && ($.inArray(propName, whitelist) !== -1 || propName.indexOf("data-") !== -1)) {
 
                         // Set's the currently traversed property on element
                         elem.attr(propName, propValue);

src/javascripts/jquery.selectBoxIt.core.min.js

@@ -1731,19 +1731,10 @@
         _addAttributes: function(arr, elem) {
 
             var self = this,
-                blacklist = [
+                // Attributes that will be copied over to the new drop down
+                whitelist = [
 
-                    "null",
-
-                    "value",
-
-                    "disabled",
-
-                    "id",
-
-                    "class",
-
-                    "unselectable"
+                    "title"
 
                 ];
 
@@ -1756,8 +1747,8 @@
                     // Get's the property name and property value of each property
                     var propName = (property.name).toLowerCase(), propValue = property.value;
 
-                    // If the currently traversed property is not on the blacklist and the value is not "null"
-                    if(propValue !== "null" && $.inArray(propName, blacklist) === -1) {
+                    // If the currently traversed property value is not "null", is on the whitelist, or is an HTML 5 data attribute
+                    if(propValue !== "null" && ($.inArray(propName, whitelist) !== -1 || propName.indexOf("data-") !== -1)) {
 
                         // Set's the currently traversed property on element
                         elem.attr(propName, propValue);