JSFiddle - React, Tailwind, and code Playground

HTML

<select name="firstselect">
    <option value="0" selected="selected">Choose...</option>
    <option value="1">Value1</option>
    <option value="2">Value2</option>
    <option value="3">Value3</option>
</select>
<select name="secondselect">
    <option value="myclass0" selected="selected">Choose...</option>
    <option value="myclass1">Value11</option>
    <option value="myclass1">Value12</option>
    <option value="myclass1">Value13</option>
    <option value="myclass2">Value21</option>
    <option value="myclass2">Value22</option>
    <option value="myclass2">Value23</option>
    <option value="myclass3">Value31</option>
    <option value="myclass3">Value32</option>
    <option value="myclass3">Value33</option>
</select>

JavaScript

$(function () {
    var $secondOptions = $('select[name=secondselect]');
    var $cloneOptions = $secondOptions.find('option').clone();
    $("select[name=firstselect]").change(function () {
        var value = $(this).val();

        $secondOptions.empty().append($cloneOptions.filter(function () {
            return this.value == 'myclass' + value;
        }));
    }).trigger("change");
});