JSFiddle - React, Tailwind, and code Playground

HTML

<select id="categories">
	<option value="c1">Category1</option>
	<option value="c2">Category2</option>
	<option value="c3">Category3</option>
	<option value="c4">Category4</option>
</select>

<select id="items">
	<option value="o1">Option1</option>
	<option value="o2" selected="selected">Option2</option>
	<option value="o3">Option3</option>
	<option value="o4">Option4</option>
</select>

JavaScript

$(function() {
  $("#categories").change(function(){
      $("#items").html("");
      
      $("#categories").append("<option>Anoter Item1</option>");
      $("#items").append("<option>Anoter Item2</option>");
    
  });
});