Как в теге select урезать выбранное значение?

Question

[LB777]

Надо в выпадающем меню обрезать выбранное значение до 10 символов.
Т.е. у меня есть

<select>
    <option>дядя Вася</option>
    <option>Иванов Иван Иванович</option>
    <option>дядя Саша</option>
</select>

И когда мы выбираем "Иванов Иван Иванович" надо, что бы он визуально выглядел в теге так "Иванов Ива...", но в выпадающем списке по прежнему был "Иванов Иван Иванович"
Как это сделать?
Т.к. интерфейс делаю на react.js может кто подскажет есть ли какие особенности, что бы в нем так сделать.

Answer 1

[GreatRash]

jsfiddle.net/yjeAN/3