How to make it work without reloading the page?

Question

css

There is this code

<div class="sort">
  <form action="">
    <select name="" id="">
      <option value="item1">Item 1</option>
      <option value="item2">Item 2</option>
      <option value="item3">Item 3</option>
    </select>
  </form>
</div>

<div class="tmp">
  <div class="item item3">
    <img src="http://placehold.it/100x100" alt="">
  </div>
  <div class="item item1">
    <img src="http://placehold.it/100x100" alt="">
  </div>
  <div class="item item2">
    <img src="http://placehold.it/100x100" alt="">
  </div>
  <div class="item item3">
    <img src="http://placehold.it/100x100" alt="">
  </div>
</div>

you need to make it so that when you select a certain category in the select, for example Item1, only pictures of this category appear without reloading the page , for example, how it is implemented here frontendbookshelf.ru Please tell me who knows how this can be done, or tell me what plugins are needed or where you can read it, then I'm on my own.
I know one such plugin https://mixitup.kunkalabs.com/ but it does not want to work with select.

Answer 1

Yes, a plugin is not needed
here, here is an example on jQuery: jsfiddle.net/gL8fz6ws