Code Blender

An atomic Middleman partials library

Select

  2. Atom
  3. Form
  4. Select

Default Different Value and Option 

= codeBlender "select", "atom/form/select",
  { column: "col-lg-6", array: [],
    label:  { extraClass: "col-lg-2", title: "Label" },
    name:   "ID" }

<div class='form-group' show-errors='{showSuccess: true}'>
<label class='col-lg-2 control-label' for='ID'>
Label
</label>
<div class='col-lg-6'>
<select class='form-control' id='ID' name='ID'>
</select>

</div>
</div>
<div class='form-group' show-errors='{showSuccess: true}'>
<label class='col-lg-2 control-label' for='ID'>
Label
</label>
<div class='col-lg-6'>
<select class='form-control' id='ID' name='ID'>
</select>

</div>
</div>

Optimised Same Value and Option 

= codeBlender "select", "atom/form/select", { array: [], label: { title: "Label" }, name: "ID" }

<div class='form-group' show-errors='{showSuccess: true}'>
<label class='control-label' for='ID'>
Label
</label>
<select class='form-control' id='ID' name='ID'>
</select>

</div>
<div class='form-group' show-errors='{showSuccess: true}'>
<label class='control-label' for='ID'>
Label
</label>
<select class='form-control' id='ID' name='ID'>
</select>

</div>

Resources Useful websites and tutorials

Title URL
Bootstrap Forms http://getbootstrap.com/css/#forms
Select 2 http://ivaynberg.github.io/select2/select2-latest.html