From 732e22cf3deb4a8ccb681af8f74994020f67d7a3 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Wed, 29 Apr 2015 18:25:03 -0400
Subject: [PATCH] Add <select> support for adding user options

---
 src/definitions/modules/dropdown.js | 34 ++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js
index 59c16060d..5fbbca8b1 100644
--- a/src/definitions/modules/dropdown.js
+++ b/src/definitions/modules/dropdown.js
@@ -1656,6 +1656,9 @@ $.fn.dropdown = function(parameters) {
                 // set values
                 if( $input.is('select') ) {
                   module.debug('Setting multiple <select> values', value, $input);
+                  if(settings.allowAdditions) {
+                    module.add.optionValue(value);
+                  }
                 }
                 else {
                   value = value.join(settings.delimiter);
@@ -1672,7 +1675,6 @@ $.fn.dropdown = function(parameters) {
                 .trigger('change')
               ;
               settings.onChange.call(element, value, text, $selected);
-
             }
             else {
               module.verbose('Storing value in metadata', value, $input);
@@ -1807,6 +1809,34 @@ $.fn.dropdown = function(parameters) {
               ;
             }
           },
+          optionValue: function(values) {
+            if(!$input.is('select')) {
+              return false;
+            }
+            if(selectObserver) {
+              selectObserver.disconnect();
+            }
+            $.each(values, function(index, value) {
+              var
+                $option   = $input.find('option[value="' + value + '"]'),
+                hasOption = ($option.length > 0)
+              ;
+              if(!hasOption) {
+                $('<option/>')
+                  .prop('value', value)
+                  .html(value)
+                  .appendTo($input)
+                ;
+                module.verbose('Adding user addition as an <option>', value);
+              }
+            });
+            if(selectObserver) {
+              selectObserver.observe($input[0], {
+                childList : true,
+                subtree   : true
+              });
+            }
+          },
           userChoice: function(value) {
             var
               alreadyHasValue = module.get.item(value),
@@ -1817,9 +1847,7 @@ $.fn.dropdown = function(parameters) {
               $addition.remove();
               return;
             }
-
             html = settings.templates.addition(value);
-
             $item
               .removeClass(className.selected)
             ;