JSFiddle - React, Tailwind, and code Playground

HTML

<select>
  <option value="1">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>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
</select>

JavaScript

var x = 5; // граница, ищем числа меньше этого числа

$('select').on('change', go);

function go() {
  var options = Array.prototype.slice.call(this.options),
  	maxValue, i = 0;
  
  options.length = this.selectedIndex + 1;
  options.reverse();
  
  for(; i < options.length; i++) {
  	if(options[i].value < x) {
    	maxValue = options[i].value;
      break;
    }
  }
  
  console.log(maxValue);
}