Tengo elementos multiple select-picker bootstrap (no select ) donde mi objetivo es obtener los valores de ellos.

 <select id="custom_include" class="selectpicker" name='custom_include[]' data-header="Select target Groups" multiple data-actions-box="true" data-live-search="true" data-title="Target Groups" data-show-tick="true" data-none-results-text="No groups matching" data-style="" data-style-base="form-control"> {% for group in target_groups %} <option value="{{ group }}">{{ group }}</option> {% endfor %} </select>

Cuando intento buscar por valor:

 $('#custom_include').val()

Devuelve solo el primer elemento seleccionado en el menú desplegable.

Al intentar buscar por texto seleccionado:

 $('#custom_include').find("option:selected").text()

devuelve los elementos seleccionados pegados entre sí como cadenas como el siguiente ejemplo:

 'dj dj.jewar@xol.comha ha.nyen@xol.com'

donde la primera entrada es dj dj.jewar@xol.com y la segunda es ha ha.nyen@xol.com

Al intentar .text()

 $('#custom_include').text()

devuelve todo el contenido del menú desplegable independientemente de lo que se seleccionó.

Para mí parece imposible, pero ¿hay alguna forma de devolver los valores seleccionados como matrices?

Sin embargo, hasta ahora parecía imposible obtener todos los valores seleccionados.