JSFiddle - React, Tailwind, and code Playground

HTML

<select name="podrucje" id="select1" style='width: 150px;'>                     
         

      <option value="val_test">name test</option>
      <option value="test2">test2</option>
      <option value="val3">bla3</option>
      <option value="forth val">forth</option>

             
      </select>

 <select name="podrucje" id="select2" style='width: 150px;'>                     
         

      <option value="val_test">name test</option>
      <option value="test2">test2</option>
      <option value="val3">bla3</option>
      <option value="forth val">forth</option>

             
      </select>

JavaScript

$("#select1").change(function () {
    if ($(this).data('options') == undefined) {
        /*Taking an array of all options-2 and kind of embedding it on the select1*/
        $(this).data('options', $('#select2 option').clone());
    }
    var id = $(this).val();
    var options = $(this).data('options').filter('[value="' + id + '"]');
    $('#select2').html(options);



    });