JSFiddle - React, Tailwind, and code Playground

HTML

<select id="selectlist" name="selectlist" >
    <option value="">---Filter---</option>
    <option value="1">show only 1</option>
    <option value="2">show only 2</option>
    <option value="3">show only 3</option>
</select>
<br><br>
homeware<select id="select1" name="select1">
    <option value=""></option>
    <option value="product_1">product 1</option>
    <option value="product_2">product 2</option>
    <option value="product_3">product 3</option>
</select>
<br>
electronics<select id="select2" name="select2">
    <option value=""></option>
    <option value="product_1">product 1</option>
    <option value="product_2">product 2</option>
    <option value="product_3">product 3</option>
</select>
    <br>
kitchen<select id="select3" name="select3">
    <option value=""></option>
    <option value="product_1">product 1</option>
    <option value="product_2">product 2</option>
    <option value="product_3">product 3</option>
</select>

JavaScript

var otherselectoption = $('#select1,#select2,#select3').find('option').filter(function(){
  return $(this).attr('value') != "";
});
 $('#selectlist').change(function(){
   var selected = $(this).val();
   otherselectoption.hide().filter(function(){
     return $(this).attr('value').indexOf(selected) > -1;
   }).show();
 });