<link href="//cdn.bootcss.com/select2/3.5.4/select2.min.css" rel="stylesheet"/>

<script src="//cdn.bootcss.com/jquery/1.7.1/jquery.min.js">

</script>

<script src="//cdn.bootcss.com/select2/3.5.4/select2.min.js">

</script>

<select id="e30" multiple="multiple" style="width:300px;">

    <option>Aeróbics</option>

    <option>Aeróbics en Agua</option>

    <option>Aerografía</option>

    <option>Aeromodelaje</option>

    <option>Águilas</option>

    <option>Ajedrez</option>

    <option>Ala Delta</option>

    <option>Álbumes de Música</option>

    <option>Alusivos</option>

    <option>Análisis de Escritura a Mano</option>

</select>

<script>

    $(document).ready(function () {

        $("#e30").select2();

    });

</script>