Есть ли полнофункциональная замена выпадающего списка для HTML SELECT, которая работает в IE?

Мы определили в предыдущий вопрос, что многие функции HTML SELECT не поддерживаются в IE. Есть ли альтернативный виджет, который вы бы порекомендовали, исходя из своего опыта, который соответствует следующим требованиям?

  1. Уважает свойство contentEditable (не позволяет изменять выбор, если это правда)
  2. Уважает свойство disabled отдельных ОПЦИЙ (показывает их «серым» или перечеркнутым шрифтом и делает их недоступными для выбора)
  3. Поддерживает группы опций (элементы OPTGROUP)
  4. Поддерживает опции style, такие как border и margin в SELECT и всех подэлементах
  5. Поддерживает динамическое добавление и удаление элементов OPTION и OPTGROUP
  6. Поддерживает вышеуказанное в IE версии 6 и выше.

Обновлено: как отметил @Joel Coehoorn, пункты 3 и 5 выше в настоящее время поддерживаются в IE. Они включены сюда, чтобы гарантировать, что они не будут упущены из виду при замене виджета.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
1 801
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Наконец, проверьте, поддерживает ли IE6 + # 3 и # 5, и вы можете (не) использовать OPTGROUP для обхода большинства других элементов.

Вы можете сделать это с помощью группы optgroup без параметров внутри нее, например:

<optgroup label = "--"></optgroup>

Вы можете сделать ярлык чем угодно, но дело в том, что в итоге вы получите элемент, который выглядит как обычный вариант, но не может быть выбран. Это открывает двери для самых разных развлечений:

  • Вы можете отключить определенные элементы, добавив их как optgroups
  • Вы можете предотвратить изменения выбора, закодировав все параметры, кроме текущего, как optgroups (при необходимости используйте другой текстовый ключ, чтобы указать, что они отключены)
  • Вы можете использовать пробел, - или & mdash; метки в указанные простые разделители, а не целые группы.

Во всяком случае, это составляет большую часть №1 и №2 в вашем списке - по крайней мере, функциональные точки.

Причина «(неправильного) использования» в том, что это не проходит большинство валидаторов html. Однако этот трюк работает во всех основных браузерах.

Я согласен с пунктами 3 и 5. Можете ли вы подсказать, как (не) использовать OPTGROUP для обхода других?

Ken Paul 20.11.2008 20:28

Спасибо, Джоэл. Это дает мне много возможностей для начала игры. Между тем, я бы посоветовал (бросить вызов?) Кому угодно реализовать независимый виджет, соответствующий перечисленным критериям, и поделиться им с нами.

Ken Paul 22.11.2008 03:00

Пишу такой виджет. Я планирую реализовать optgroup в моей следующей версии, которая, надеюсь, будет через несколько дней, так как ive добилась значительных успехов.

демонстрационная страница

svn

Другие вопросы по теме