JSFiddle - React, Tailwind, and code Playground

HTML

<select id ="category_faq">
 <option value="1">item1</option>
 <option value="2">item2</option>
 <option value="3">item3</option></select>

<div class="views-row-1"></div> <div class="views-row-1"></div><div class="views-row-3"></div>

CSS

.views-row-1 {
background-color: red;
    width: 20px;
    height: 20px;
}
.views-row-2{
    background-color: blue;
    width: 20px;
    height: 20px;
}
.views-row-3{
    background-color: green;
    width: 20px;
    height: 20px;
}

JavaScript

jQuery(document).ready(function($) {
      $('#category_faq').on('change',function() {
          $('div[class!=views-row-]').hide();
          $('div.views-row-' + this.value).show();
    }); 
});