複数選択がオンになっていると、Select2 ボックスの動作がおかしくなります。フォームを送信すると、ミラーのような方法で重複した投稿データが送信されます。
たとえば、私は
'United States','United Kingdom','Ireland'
投稿します(firebugによって報告され、html結果に表示されます)
'United States','United Kingdom','Ireland','United Kingdom','United States'
国の私のHTML(スリム化)...
<select multiple name="country" id="country" class="select2" data-placeholder="Select Country/Countries" style="width:220px;" required>
<option value=""></option> <option value="United States">United States</option> <option value="United Kingdom">United Kingdom</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option><option value="Zimbabwe">Zimbabwe</option>
</select>
そして、私のJSは呼び出すだけです
$('.select2').select2();
なぜこれが起こっているのか、私にはわかりません。Bootstrap、jQueryValidate、Zebra DatePicker などの他の JS ライブラリを使用していますが、それらが干渉するとは思いません。