Javascript-форум (https://javascript.ru/forum/)
-   Internet Explorer (https://javascript.ru/forum/css-html-internet-explorer/)
-   -   Событие для select option (ширина) под IE (https://javascript.ru/forum/css-html-internet-explorer/29237-sobytie-dlya-select-option-shirina-pod-ie.html)

Tatyana_Verstka 20.06.2012 17:11

Событие для select option (ширина) под IE
 
Добрый день всем.

Помогите, пожалуйста. Не могу изменить в IE ширину option
В обычных браузерах содержимое выпадающего списка увеличивается по ширине в соответствии с шириной содежримого option. В IE не работает. В списке событий option нет ширины. Через document.getElementById('rat').setAttribute("style ", 'width: 550px;');
и option.setAttribute("style", "width: 550px;"); не получается.

разметка:
<select name="genre" id="bigSelect">
<option disabled>Выберите героя</option>
<option value="Чебурашка" id="dataKeeper">Чебурашка</option>
<option selected value="Крокодил Гена и второй Крокодил Генка" id="rat">Крокодил Гена и второй Крокодил Генка</option>

</select>

Что же делать?

Octane 20.06.2012 17:29

http://designformasters.info/posts/select-replacement/

Deff 21.06.2012 01:42

Tatyana_Verstka,
<select name="genre" id="bigSelect" style="width:auto!important;">
 <option disabled>Выберите героя</option>
 <option value="Чебурашка" id="dataKeeper">Чебурашка</option>
 <option selected value="Крокодил Гена и второй Крокодил Генка" id="rat">Крокодил Гена и второй Крокодил Генка</option>

 </select>

Tatyana_Verstka 25.06.2012 09:16

Ребят, мой селект ограничен по ширине и ему не подходит ширина авто.
Пример по предложенной ссылке - тоже не вариант, т.к. там содержимое option если не умещается, переносится на вторую строку. А мне нужно, чтобы оно помещалась в одну строку и ширина самого option увеличивалась, когда это необходимо.


Часовой пояс GMT +3, время: 18:15.