JSFiddle - React, Tailwind, and code Playground

HTML

<select id="cat" multiple>
    <option val="cars">cars</option>
    <option val="phones">phones</option>
    <option val="names">names</option>
    <option val="colors">colors</option>
</select>
<input id="btnAdd" type="submit" value="Add" />
<input id="btnRemove" type="submit" value="Remove" />
<select id="item" multiple>

</select>

JavaScript

$(function() {

  $("#btnAdd").click(function() {
    cat = $('#cat').val();
    $('#item').html('');

    eval(cat).forEach(function(t) {
      $('#item').append('<option>' + t + '</option>');
    });
  });

$("#btnRemove").click(function() {
    items = $('#item').val();
    
    eval(items).forEach(function(t) {
      $('#item :selected').remove(); 
    });
  });


});