Как изменить длину select относительно выбранного option?

Question

[markmaddison]

Здравствуйте! Например, имеется такой select

<select>
  <option>123</option>
  <option>123456</option>
  <option>123456789</option>
</select>

Длина select'а равна длине наибольшего option'а, то есть последнего.
Как изменить длину, относительно выбранного option'а?
Например, я выбрал первый пункт, длина select'а равна n px, второй -- 2n px, третий -- 3n px.
Спасибо!

Answer 1

[Evanre]

Нативный селект, никак. По крайней мере без js - либо фиксированный width, либо auto по самому длинному option.
Если с js то есть 2 варианта либо что-то такое, либо сторонняя js\jquery библиотека вроде такой.

ps. Кстати а зачем Вам это? Кому нужен прыгающий select на странице? Если у Вас есть селект в котором куча option разной длинны, и Вам не нужен длинный select - просто ограничте его width. Тогда сам select будет нужной длинны, а список с option подстроится по самому длинному элементу.