JSFiddle - React, Tailwind, and code Playground

HTML

<select id="type">
    <option value="0">item1</option>
    <option value="1">item2</option>
    <option value="2">item3</option>
</select>

<select id="size">
    <option value="">-- select one -- </option>
</select>

JavaScript

$(document).ready(function() {
var options = [
        "<option value='test'>item1: test 1</option><option value='test2'>item1: test 2</option>",
        "<option value='test'>item2: test 1</option><option value='test2'>item2: test 2</option>",
        "<option value='test'>item3: test 1</option><option value='test2'>item3: test 2</option>"
    ];
	 var val = $('#type').val();
   $("#size").html(options[val]);
    $("#type").change(function() {
        val = $(this).val();
        $("#size").html(options[val]);
    });

    

});