Necesito pasar el valor de select2 a javscript. Pero no funciona.

este es mi codigo html

 <select class="txtTeamAddDelete form-control" name="itemName"></select> </div> <button type="button" class="btnrowAddDelete">Add New Row</button>

Este es mi javascript select2

 <script type="text/javascript"> $('.txtTeamAddDelete').select2({ placeholder: 'Select an item', ajax: { url: "{{route('meeting.list-meeting.dataAjax')}}", dataType: 'json', delay: 250, processResults: function (data) { return { results: $.map(data, function (item) { return { text: item.name, id: item.id, email: item.email } }) }; }, cache: true } }); </script>

esto es js para mostrar datos select2

 $(document).ready(function(){ $('.btnrowAddDelete').click(function(){ var txtTeamAddDelete = $('.txtTeamAddDelete').find(':selected').text(); $('.TableAddDelete tbody').append("<tr><td>"+txtTeamAddDelete+"</td><td>"+email+"</td></tr>"); }); });

está trabajando para obtener datos de nombre pero no de correo electrónico. Quiero obtener dos datos: correo electrónico y nombre. ya probé esto

 var txtTeamAddDelete = $('.txtTeamAddDelete').select2('val',["name", "email"]);

pero vuelve undefined

Quiero mostrarlo así. alguien me puede ayudar. ¡Gracias!