I need to pass value from select2 to javscript. But its not working.

this is my html code

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

This is my 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>

this is js for display select2 data

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

its working to fetch name data but not email. I want to fetch two data: email & name. i already tried this

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

but it return undefined

i want to show it like this. can someone help me. Thanks!