Add new method 'removeOption'

documentaion_at_loudev.com.html.patch

@@ -0,0 +1,36 @@
+--- index.html	2014-09-18 12:01:30.776022500 +0200
++++ index_new.html	2014-09-18 12:10:26.224562000 +0200
+@@ -305,7 +305,32 @@
+         </table>
+       <p></p>
+       <pre><code data-language="javascript" class="rainbow"><span class="selector">$</span>(<span class="string">'#your-select'</span>).<span class="function call">multiSelect</span>(<span class="string">'addOption'</span>, { value: <span class="string">'test'</span>, text: <span class="string">'test'</span>, index: <span class="constant numeric">0</span>, nested: <span class="string">'optgroup_label'</span> });</code></pre>
+-      <br>
++      <h4>.multiSelect('removeOption', Hash)</h4>
++      <p>
++        Dynamically remove option from the multiselect.
++        <br>
++        The options hash is described bellow:
++        </p><table class="table table-bordered table-striped">
++          <thead>
++            <tr>
++              <th width="120">key</th>
++              <th>type</th>
++              <th>required</th>
++              <th>desription</th>
++            </tr>
++          </thead>
++          <tbody>
++            <tr>
++              <td>value</td>
++              <td>String</td>
++              <td>true</td>
++              <td>The value of the option to remove</td>
++            </tr>
++          </tbody>
++        </table>
++      <p></p>
++      <pre><code data-language="javascript" class="rainbow"><span class="selector">$</span>(<span class="string">'#your-select'</span>).<span class="function call">multiSelect</span>(<span class="string">'removeOption'</span>, { value: <span class="string">'test'</span> });</code></pre>
++      <br>	  
+       <h3>Keyboard</h3>
+       <table class="table table-bordered table-striped">
+         <thead>

js/jquery.multi-select.js

@@ -187,6 +187,18 @@
       })
     },
 
+    'removeOption' : function(options){
+      var that = this;
+
+      if (options.value) options = [options];
+      $.each(options, function(index, option){
+        if (option.value && that.$element.find("option[value='"+option.value+"']").length === 1){
+          that.$element.find("option[value='" + option.value + "']").remove();
+          that.$container.find("ul.ms-list [id^='" + option.value + "']").remove();
+        }
+      })
+    },
+
     'escapeHTML' : function(text){
       return $("<div>").text(text).html();
     },

test/spec/multiSelectSpec.js

@@ -389,4 +389,41 @@ describe("multiSelect", function() {
       });
     });
   });
+
+  describe('manipulation of values', function(){
+
+    describe('when calling the "addOption" method', function(){
+      beforeEach(function(){
+        select.multiSelect();
+        select.multiSelect('addOption', { value: 'test', text: 'test' });
+      });
+
+      it('should add a new option to the original select', function() {
+        expect( select.children('option').length  ).toEqual(11);
+      });
+
+      it('should add a new li entry to the multiselect container', function() {
+        expect( $("div.ms-container .ms-selectable li").length ).toEqual(11);
+        expect( $("div.ms-container .ms-selection li").length ).toEqual(11);
+      });
+    });
+
+    describe('when calling the "removeOption" method', function(){
+
+      beforeEach(function(){
+        select.multiSelect();
+        select.multiSelect('removeOption', {value: 'value1' });
+      });
+
+      it('should remove the specified option from the original select', function() {
+        expect( select.children('option').length ).toEqual(9);
+      });
+
+      it('should remove the specified li entry from the multiselect container', function() {
+        expect( $("div.ms-container li[id^='value1-']").length ).toEqual(0);
+      });
+    });
+
+  });
+
 });