JSFiddle - React, Tailwind, and code Playground

HTML

<select size="5" id="skills"  multiple>
<option value="0">Choose - Skills</option>
  <option value="19">Analytics</option>
  <option value="20">Android</option>
</select>

<input type="button" id="addskills" value="Add">


<div class="skill-text">
</div>

JavaScript

$(function(){
	  $('#addskills').on('click', function(){
       $('#skills :selected').each(function(i, selected){
       
		       var text = $(this).text();
           alert(text);
		       var value = $(this).val();
		       $('.skill-text').prepend("<span class='removeskill' data-id='"+value+"'>"+text+"X</span><br>")
		   });	    
	  });
	
	  $('body').on('click',".removeskill", function(){
	      var id = $(this).data("id");
        $(this).remove();
        $('#skills :selected').each(function(i, selected){
           if($(this).val() == id){
             $("select option[value='"+id+"']").prop("selected", false);
           }
        })
          
	  });
})