JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>   


<div class="main">

<select id="me">
<option value='0'>first</option>
<option value='1'>second</option>
<option value='2'>third</option>
<option value='3'>fourth</option>

</select>

<div id="text"></div>

CSS

.main {
    margin:0 auto;
    width:500px;
    border:solid 1px #F00;
    height:500px
}


#text{ margin-left:50px; margin-top:50px; font:24px/18px Tahoma, Geneva, sans-serif; color:#F00}

JavaScript

$(function(){
    
    var str=""; 
    var strArr = [];

    $('#me').change(function(){

        strArr.push($(this + "option:selected").text() )
        strArr.sort()
        str = "";
        for (var i = 0; i < strArr.length; i++) {
            str += strArr[i]; 
        }
        
        $('#text').text(str)
        
        })
    

    
    })