From 26d9ad9d2074cb7cd02f0347e6bb3d731b65e637 Mon Sep 17 00:00:00 2001
From: Sergey <sergeycnk@gmail.com>
Date: Mon, 29 Sep 2014 20:28:36 +0300
Subject: [PATCH] #254 preserve the attributes state (CSS, disabled, HTML5 data
 attributes) of <options> on model updates

---
 backbone.stickit.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/backbone.stickit.js b/backbone.stickit.js
index 3097c9b..f4b778c 100644
--- a/backbone.stickit.js
+++ b/backbone.stickit.js
@@ -506,7 +506,7 @@
         selectConfig = {};
         var getList = function($el) {
           return $el.map(function() {
-            return {value:this.value, label:this.text};
+            return {value:this.value, label:this.text, attr: Backbone.$(this).prop('attributes')};
           }).get();
         };
         if ($el.find('optgroup').length) {
@@ -536,12 +536,17 @@
         _.each(optList, function(obj) {
           var option = Backbone.$('<option/>'), optionVal = obj;
 
-          var fillOption = function(text, val) {
+          var fillOption = function(text, val, attr) {
             option.text(text);
             optionVal = val;
             // Save the option value as data so that we can reference it later.
             option.data('stickit_bind_val', optionVal);
             if (!_.isArray(optionVal) && !_.isObject(optionVal)) option.val(optionVal);
+            if (_.isObject(attr)) { // restore HTML5 data attributes, disabled attr, CSS, etc.
+              _.each(attr, function(a) {
+                option.attr(a.name, a.value);
+              });
+            }
           };
 
           var text, val;
@@ -552,7 +557,7 @@
             text = evaluatePath(obj, selectConfig.labelPath),
             val = evaluatePath(obj, selectConfig.valuePath);
           }
-          fillOption(text, val);
+          fillOption(text, val, obj.attr);
 
           // Determine if this option is selected.
           var isSelected = function() {