JSFiddle - React, Tailwind, and code Playground

by Mysterious

HTML

<select name="" size="16" id="" style="width: 100px; text-align: right;">
  <optgroup>
    <option value="">1000₽</option>
  <option value="">500₽</option>
  <option value="">300₽</option>
  <option value="">200₽</option>
  <option value="">100₽</option>
  </optgroup>
    <optgroup>
    <option value="">5000000₽</option>
    <option value="">200₽</option>
    <option value="">1000₽</option>
  <option value="">355₽</option>
  <option value="">350₽</option>
  <option value="">600₽</option>
  <option value="">120₽</option>
  <option value="">250₽</option>
  </optgroup>
</select>

<select name="inputs" id="inputs"></select>

CSS

* {
  font-family: 'Roboto', sans-serif;
}

option:nth-child(3) {
  font-size: 20px;
  color: red;
}

select {
  font-size: 12px;
}

JavaScript

const nums = []
for (let i = 0; i < 37; i++) {
	nums.push(i)
}

const el = document.getElementById('inputs')

for (let i = 0; i < 37; i++) {
	let opt = document.createElement('option')
  opt.innerHTML = i
  el.appendChild(opt)
}