added support for selectTag to accept an array of selectedOption

if select is in multiple mode, every selectedOption is selected
if select is single mode, only the first selectedOption is selected

added related tests

lib/template/helpers/utils.js

@@ -91,10 +91,12 @@ exports.tags = {
       , value
       , textField = options.textField || 'text'
       , valueField = options.valueField || 'value'
-      , attrs = {};
+      , attrs = {}
+      , selectedOptions = [].concat(selectedOption ? selectedOption : []) // turn selectOption into array if not already
+      , isMultiple = opts ? (opts.multiple ? true : false) : false;
 
-     delete options.textField;
-     delete options.valueField;
+    delete options.textField;
+    delete options.valueField;
 
     for (var i = 0; i < optionsArray.length; i++) {
       if (typeof optionsArray[i] == 'object') {
@@ -109,7 +111,12 @@ exports.tags = {
         value = optionsArray[i];
       }
       attrs.value = value || attrs.value;
-      attrs.selected = selectedOption ? (attrs.value == selectedOption) : attrs.selected;
+
+      if(isMultiple) // if multiple select, allow selection of mutiple elements
+        attrs.selected = selectedOptions.length > 0 ? (selectedOptions.indexOf(attrs.value) > -1) : attrs.selected;
+      else // otherwise only the first get selected
+        attrs.selected = selectedOptions.length > 0 ? (selectedOptions[0] === attrs.value) : attrs.selected;
+
       optionTags += this.contentTagString('option', text, attrs);
     }
 

test/templates/helpers/helpers.js

@@ -118,6 +118,18 @@ tests = {
     assert.equal(string, "<select><option value=\"1\">Text 1</option><option selected=\"selected\" value=\"2\">Text 2</option></select>"); 
   }
 
+, 'test select tag with selected options in single mode': function() { 
+    var choices = [{value: 1, text: "Text 1"}, {value: 2, text: "Text 2"}]
+      , string = helpers.selectTag(choices, [2,1]);
+    assert.equal(string, "<select><option value=\"1\">Text 1</option><option selected=\"selected\" value=\"2\">Text 2</option></select>"); 
+  }
+
+, 'test select tag with selected options in multiple mode': function() { 
+    var choices = [{value: 1, text: "Text 1"}, {value: 2, text: "Text 2"}]
+      , string = helpers.selectTag(choices, [2,1], { multiple: true });
+    assert.equal(string, "<select multiple=\"multiple\"><option selected=\"selected\" value=\"1\">Text 1</option><option selected=\"selected\" value=\"2\">Text 2</option></select>"); 
+  }
+
 , 'test select tag with html options': function() {
     var choices = [{value: 1, text: "Text 1"}, {value: 2, text: "Text 2"}]
       , string = helpers.selectTag(choices, 2, {class: 'myclass'});
@@ -148,6 +160,12 @@ tests = {
     assert.equal(string, "<select><option data-thing=\"avalue\" value=\"1\">Text 1</option><option data-thing=\"avalue\" selected=\"selected\" value=\"2\">Text 2</option></select>");
   }
 
+, 'test select tag in mutiple mode with text/attrs and selected option using a selected in attrs and an outer one too to make sure the outer takes precedence': function() {
+    var choices = [{value: 1, text: "Text 1", attrs: {data: {thing: "avalue"}, selected: true}}, {value: 2, text: "Text 2", attrs: {data: {thing: "avalue"}}}]
+      , string = helpers.selectTag(choices, [1,2], {multiple: true});
+    assert.equal(string, "<select multiple=\"multiple\"><option data-thing=\"avalue\" selected=\"selected\" value=\"1\">Text 1</option><option data-thing=\"avalue\" selected=\"selected\" value=\"2\">Text 2</option></select>");
+  }
+
 , 'test single tags in truncateHTML': function () {
     var string = helpers.truncateHTML('<p>Once upon a time in a world</p>', { length: 10 });
     assert.equal(string, '<p>Once up...</p>');