JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" id="prev">Previous</button>
<select id="selectBox" onchange="currentSlide(value);" class="selectpicker">
      <option value="1" class="options">Electronics</option>
      <option value="2" class="options">Clothing</option>
      <option value="3" class="options">Health</option>
      <option value="4" class="options">Food</option>
      <option value="5" class="options">Travel</option>
      <option value="6" class="options">Mobiles</option>
      <option value="7" class="options">Grocery</option>
      <option value="8" class="options">Recharge</option>
      <option value="9" class="options">Furniture</option>
    </select>
<button type="button" id="next">Next</button>

JavaScript

$("#next").click(function() {
var getIndex =$("select option:selected").index();
var index=getIndex+1;
$("select").children().removeAttr('selected');
$("select").children().eq(index).attr('selected', 'selected');
});

$("#prev").click(function() {
var getIndex =$("select option:selected").index();
var index=getIndex-1;
$("select").children().removeAttr('selected');
$("select").children().eq(index).attr('selected', 'selected');
 
});