JSFiddle - React, Tailwind, and code Playground

HTML

<select id="company">
    <option selected="true" >ALL</option>
    <option>GM</option>
    <option>Honda</option>
    <option>Ford</option>
</select>
<br />
<div id="namesDiv">
    <select id="names" multiple="multiple" size="8">
        <option>Chevy [GM]</option>
        <option>Buick [GM]</option>
        <option>Civic [Honda]</option>
        <option>Accord [Honda]</option>
        <option>Focus [Ford]</option>
    </select>
</div>
<select id="baseNames" multiple="multiple" size="8">
    <option>Chevy [GM]</option>
    <option>Buick [GM]</option>
    <option>Civic [Honda]</option>
    <option>Accord [Honda]</option>
    <option>Focus [Ford]</option>
</select>

CSS

#baseNames {
    display: none;
}

JavaScript

$("#company").change(function() {

    $("#namesDiv").empty();
    $("#baseNames").clone().appendTo("#namesDiv").attr("id", "names");
    var val = $(this).find("option:selected").val();
    if (val !== "ALL") {
        $("#names option").each(function() {
            if ($(this).val().indexOf(val) < 0) {
                $(this).detach();
            }
        });
    }
});