Окно выбора входа IE

Question

Я ищу самое простое решение для устранения проблемы, с которой я столкнулся в Internet Explorer (6,7 и 8), будь то CSS или использование jQuery. У меня есть SELECT Input с определенной шириной (из-за того, где он находится в макете). Из-за определенной ширины выборка обрезается от отображения их полных значений, в отличие от Firefox и Safari, где они автоматически изменяют размеры, чтобы показать всю длину значения

Конечно, это общая проблема? Есть идеи?

пример кода:

<select id="Grouping_662066" class="productSelectInput" name="AddToCart_Grouping" onchange="DrawProduct(36331,662066,this.value,'',true);">
</select>

Я использую систему CMS, класс 'productSelectInput' является единственным идентификатором, который будет одинаковым для всего сайта. Свойства ID, name и onchange изменятся.

Answer 1

Здесь - информация и решение с использованием jQuery.

Answer 2

Вы можете использовать обычный Javacsript, используя функции onmousedown, onblur и onchange для управления элементами CSS. Вот как будет выглядеть решение в jQuery (с использованием тех же функций).

    var example = $('#some-id');

    $(example).mousedown(function() {
            $(this).css('width','400px');                            
    });
    $(example).blur(function({
            $(this).css('width','200px');                            
    });
    $(example).change(function() {
            $(this).css('width','200px');                            
    });

Answer 3

Учитывая эти ограничения, единственное, что я могу предложить для IE, это, возможно, уменьшить размер шрифтов.

Я не уверен, что есть способ иначе.

Answer 4

, если ie8 поддерживает psuedo-class: focus, вы можете указать большую ширину, когда выбирается выбор. Не будет работать в ie6, хотя, и, вероятно, не ie7

Answer 5

Насколько мне известно, это проблема браузера (IE).

Вы можете включить & nbsp; чтобы обернуть параметры или динамически изменить размер выделения с помощью Javascript для событий фокуса и размытия. Кроме того, вы можете создать выпадающее меню с css и javascript (не «select», а «ul») и иметь полный контроль над интерфейсом. (onBlur, javascript должен записать значение на скрытый ввод).