Code Here:
<select multiple="multiple" size="10" class="duallistbox">
<option value="1">Amsterdam</option>
<option value="2">Antwerp</option>
<option value="3" selected="selected">Athens</option>
<option value="4">Barcelona</option>
<option value="5">Berlin</option>
<option value="6" selected="selected">Birmingham</option>
<option value="7">Bradford</option>
<option value="8">Bremen</option>
<option value="9">Brussels</option>
<option value="10" selected="selected">Bucharest</option>
<option value="11">Budapest</option>
<option value="12" selected="selected">Cologne</option>
<option value="13" selected="selected">Copenhagen</option>
<option value="14">Dortmund</option>
<option value="15">Dresden</option>
<option value="16" selected="selected">Dublin</option>
<option value="17">Düsseldorf</option>
<option value="18" selected="selected">Essen</option>
<option value="19">Frankfurt</option>
<option value="20">Genoa</option>
</select>
Required Files For Duallistbox Here
<!-- CSS Here -->
<link rel="stylesheet" type="text/css" href="../../assets/libs/bootstrap-duallistbox/dist/bootstrap-duallistbox.min.css">
<!-- Javascript Here -->
<script src="../../assets/libs/bootstrap-duallistbox/dist/jquery.bootstrap-duallistbox.min.js"></script>
<script src="../../dist/js/pages/forms/dual-listbox/dual-listbox.js"></script>