JSFiddle - React, Tailwind, and code Playground

by rkw79

HTML

<select multiple>
    <option value='11111'>11111</option>
    <option value='22222'>22222</option>
    <option value='33333'>33333</option>
</select>
<ul>
</ul>

CSS

li {
    border: solid 1px black;
    padding: 5px;
}

JavaScript

$('select').change(function() {
    $('ul').empty();
    console.log('change fired');    
    $('option:selected').each(function() {
        $('<li></li>').text($(this).val()).appendTo($('ul'));
    });
});

$('ul').on('click', 'li', function() {
    $('option[value="' + $(this).text() + '"]').removeProp('selected');
    $(this).remove();
});