JSFiddle - React, Tailwind, and code Playground

HTML

<select id='drop' class='keuze' style="float:right;">
    <option class='keuze' value='table1' selected>Computer</option>
    <option class='keuze' value='table2'>Monitor</option>
    <option class='keuze' value='table3'>Software</option>
    <option class='keuze' value='table4'>Gebruiker</option>
    <option class='keuze' value='table5'>Randapparatuur</option>
    <option class='keuze' value='table6'>Telefoon</option>
    <option class='keuze' value='table7'>Tablet</option>
    <option class='keuze' value='table8'>Laptop</option>
</select>

<table class="table" id="table1"><tr><td>1</td></tr></table>
<table class="table" id="table2"><tr><td>2</td></tr></table>
<table class="table" id="table3"><tr><td>3</td></tr></table>
<table class="table" id="table4"><tr><td>4</td></tr></table>
<table class="table" id="table5"><tr><td>5</td></tr></table>
<table class="table" id="table6"><tr><td>6</td></tr></table>
<table class="table" id="table7"><tr><td>7</td></tr></table>
<table class="table" id="table8"><tr><td>8</td></tr></table>

CSS

.hide { display: none; }

JavaScript

$('.table').wrap(function() {
	return `<div id="hide${this.id}" class="hide" />`;
});


var selec = localStorage.getItem('drop') || $("#drop").val();
$("#hide" + selec).show();
$('#drop').val(selec);

$("#drop").change(function() {
  var val = $(this).val();
  $('.hide').hide();
  $("#hide" + val).show();
  localStorage.setItem('drop', val);
});