Выпадающий список select
 

Доброго времени суток всем! У меня есть на сайте выпадающий список select.

<select class="razmer3" style="font-weight:bold;" id="men" name="men" onchange="showPrice()">
                                <option value="1">2 men</option>
                                 <option value="2">3 men</option>
                              </select>

Вопрос в том, при загрузке списка стартовое значение берется 2 men ( как и должно быть ). Но возможен ли вариант что бы стартовое значение оставалось коротким 2 men а при выборе из списка выпадало к примеру более длинное значение 2 men and truck?

P.S.Средствами css задавать длину пробовал в процентах, но верстка сама адаптивная под девайсы и по вертикали подгоняю все норм а по горизонтали сбивается... И наоборот...