JSFiddle - React, Tailwind, and code Playground

HTML

<select id="demo">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

<a onclick="avant();">previous</a>
<a onclick="apres();">next</a>

JavaScript

function avant() {
    try {
        
    $('option:selected','select').removeAttr('selected').prev('option').attr('selected', 'selected');
    } catch(e) { alert(e.message); }
}

function apres() {
    try     {
        
    $('option:selected','select').removeAttr('selected').next('option').attr('selected', 'selected');
    } catch(e) { alert(e.message); }
}