     id = elt.id
     prop = elt.label
     isSelected = if selected? and id? and id.toString() is selected.toString() then "selected" else ""
-    html+= "<option value= '#{id}' data-name='#{property}' #{isSelected}>#{prop}</option>"
+    html+= "<option value= '#{id}'  #{isSelected}>#{prop}</option>"
     return undefined
+  multiple = if opt.isMultiple then "multiple style='width:100%;'" else ""
   #Initialize the html  
   html = "<div class='form-group #{error}'>
             #{label()}
             <div class='controls #{inputSize}'>
               <div class='input-group'>
                 #{icon()}                
-                <select id='#{property}' #{readonly} #{optName} #{optToTriggerName} #{optToTriggerListKey} #{dataMapping} class='form-control input-sm'>"
+                <select id='#{property}' data-name='#{property}' #{multiple} #{readonly} #{optName} #{optToTriggerName} #{optToTriggerListKey} #{dataMapping} class='form-control input-sm'>"
   #add options foreach options in the list
   addOption(elt) for elt in list
   html +=      "</select>#{isRequired()} 

          </div>
        "
  new Handlebars.SafeString(html)

#Generate a optionset selector. https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement
Handlebars.registerHelper "options_selected", (property, options) ->

    return if isDisplayRequired then "<span class='input-group-addon'>*</span>" else ""
  symbol = ()=>
    isSymbol = false
    console.log(metadata, isSymbol)
    if opt.symbol?
      isSymbol = opt.symbol
    else if metadata.symbol?
      isSymbol = metadata.symbol

    return if isSymbol then "<span class='input-group-addon'>#{isSymbol}</span>" else ""
  #isRequired = if !opt.isRequired? or !opt.isRequired then "" else "<span class='input-group-addon'>*</span>"
  translationRoot = opt.translationRoot or undefined
