JSFiddle - React, Tailwind, and code Playground

by Chandu

HTML

<select id="company">
    <option selected="true" >ALL</option>
    <option>GM</option>
    <option>Honda</option>
    <option>Ford</option>
</select>
<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>

JavaScript

$(function() {
    $("#company").change(function() {
        var val = $(this).val();
        $("#names option").hide().filter(function() {
            var regExp = new RegExp("\\[" + val + "\\]$");
            return (val == "ALL") || regExp.test($(this).text());
        }).show();
    });
});