JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<div class="pagination">
<input type="button" value="prev" class="prevPage">
<select >
	<option value="1" selected>1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
	<option value="5">5</option>
	<option value="6">6</option>
</select>
<input type="button" value="next" class="nextPage">

</div>

<div class="pagination">
<input type="button" value="prev" class="prevPage">
<select >
	<option value="1" selected>1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
	<option value="5">5</option>
	<option value="6">6</option>
</select>
<input type="button" value="next" class="nextPage">


</div>

JavaScript

$(".nextPage").click(function() {
		    
        
         $(this).closest('.pagination').find('option:selected').next().prop('selected', 'selected');
		})

		$(".prevPage").click(function() {
    
    $(this).closest('.pagination').find('option:selected').prev().prop('selected', 'selected');
    
    
    
		});