Как сделать выпадающий список HTML
В системе управления UralCMS реализовано множество различных функций для работы с содержимым разделов — тексты, изображения, ссылки, таблицы, выпадающие списки и так далее. Среди прочего, также доступен функционал для создания раскрывающегося блока в тексте раздела.
Раскрывающийся блок может содержать в себе любую информацию: список, текст, картинки, таблицы и так далее. Таким образом, воспользовавшись данным инструментом у Вас получиться оформить разделы более функционально и интересно.
Создание раскрывающегося блока, списка
Чтобы разместить в разделе раскрывающийся блок или список — перейдите в редактирование содержимого раздела, далее, разместите ту информацию (блоки, списки, таблицы, ссылки и т.д.), которая будет раскрываться по специальной ссылке.
Как это работает
Например, Вы хотите разместить в карточке товара в интернет-магазине таблицу размеров доступную лишь по специальной кнопке, открывающей список или блок, чтобы это не влияло на восприятие подробной информации о позиции.
- подобрать текст, который будет являться ссылкой/заголовком раскрывающегося блока
- разместить информацию: текст и таблицу со значениями.
Таким образом, у Вас должно получиться, например:
Таблица размеров
Россий-
ский размер
Между-
народ-
ный размер
Как создать раскрывающийся список в Excel

Раскрывающийся список в Excel – один из методов упорядочивания данных, выполняющий как визуальную функцию, освобождая пространство на листе, так и функциональную – делая таблицу интерактивной и изменяемой. Существуют разные способы создания данного элемента, и об основных из них я хочу рассказать в рамках этого материала, чтобы даже у начинающих пользователей не осталось вопросов по этой теме.
Вариант 1: Группировка существующего списка
Создание выпадающего списка в Excel – задача нетрудная, она не требует от пользователя каких-то особых знаний. Первый метод подойдет в тех ситуациях, когда у вас уже есть готовый перечень чего-либо и вы хотите сделать так, чтобы каждая строка могла заменить собой другую, то есть названия можно было свободно менять, отталкиваясь от уже добавленных значений. Это может звучать сложно, но на деле все куда проще, в чем вы и убедитесь далее.
- Обратите внимание на следующий скриншот. Это простой пример списка продуктов. Нужно сделать так, чтобы любое значение из этого списка можно было поставить в любую клетку столбца, с чем и поможет справиться выпадающий список. Сначала выделите все ячейки (игнорируя название столбца).

- Перейдите на вкладку «Данные» и выберите инструмент «Проверка данных».

- В новом окне в качестве типа данных укажите «Список», отыскав соответствующий вариант из выпадающего меню.

- В качестве источника задайте те самые ячейки, выделив их левой кнопкой мыши. Нажмите «ОК» для применения настроек.

- Теперь напротив каждой ячейки вы видите кнопку со стрелкой вниз, которая и отвечает за вызов раскрывающегося перечня.

- Как видно, я поставил три одинаковых значения подряд, используя реализованный только что список. Точно так же можно менять все другие клетки, входящие в диапазон.

Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей
Вариант 2: Ручное добавление элементов списка
Еще один похожий вариант, но с немного другим смыслом. Подходит в тех случаях, когда у вас есть несколько клеток и значения, которые могут там располагаться. Выбор между ними и хочется осуществить при помощи рассматриваемой сегодня функции. Тогда принцип создания выглядит следующим образом:
- Выделите заранее подготовленную область, где хотите расположить перечень. Перейдите на вкладку «Данные» и откройте «Проверка данных».

- Выберите в качестве типа данных список, а в «Источник» перечислите значения, которые желаете в него добавить. Используйте «;», чтобы отделить одно значение от другого.

- Подтвердите изменения и вернитесь к таблице. Теперь при развертывании списка вы сможете выбрать один из добавленных вариантов.

Вариант 3: Выбор массива с именем
В Excel есть функция, позволяющая присвоить массиву имя и в дальнейшем выбирать его при использовании формул. Как вы видели в предыдущих вариантах, объявление «Источника» при формировании выпадающего списка тоже похоже на создание формулы, а это значит, что в нем можно использовать массив, предварительно объявив его.
- Выделите ячейки для заключения в единый массив, то есть те, значения которых должны отображаться в выпадающем списке. Слева сверху вы увидите отображение названия первой ячейки, по которому нужно кликнуть.

- Измените имя массива на любое, начинающееся с буквы.

- Создайте выпадающий список в ячейке листа, для чего снова перейдите в то же самое меню, предварительно выделив саму клетку.

- В качестве источника укажите созданный массив, написав его название после «=».

- В итоге у вас должен получиться перечень, куда входят все значения массива.

Вариант 4: Создание выпадающего списка из таблицы
Метод реализации данного варианта похож на предыдущий, но в качестве источника указывается сама таблица. Соответственно, ее сначала нужно сформировать из одного столбца, а затем перейти к созданию выпадающего перечня.
- Выделите все ячейки, включая название столбца, и на главной вкладке нажмите кнопку «Сформировать как таблицу».

- Выберите подходящий для вас тип оформления.

- При появлении окна с расположением данных просто нажмите Enter, поскольку диапазон выбран предварительно.

- Вы автоматически окажетесь на вкладке «Конструктор таблицы», где можете изменить ее имя на любое удобное, начинающееся с буквы.

- Разверните список массивов, чтобы убедиться в наличии там созданной таблицы.

- Используйте ее в качестве источника при создании выпадающего списка точно так же, как это было показано в предыдущих вариантах.

- На следующем изображении вы видите, что список создан успешно и данные можно использовать в своих целях.

Только что вы увидели 4 способа создания выпадающего списка в ячейке Excel. Из инструкции понятно, что каждый из них обладает своими особенностями и подойдет при разном оформлении книги в программе. Однако во всех вариантах обращение происходит к одному и тому же инструменту, что значительно упрощает процесс запоминания всех принципов действий и позволяет выбрать любой из методов, когда это понадобится.
Вопрос по excel (выпадающие списки) на яндекс-диске

Проблема возникла с выпадающими списками, а именно с «треугольником», раскрывающим эти самые списки (фото 1). В изначальном файле на пк он отображается корректно (в правом краю ячейки), но когда загружаю на яндекс-диск — треугольник смещается на край самой первой ячейки из объединенных.
Другими словами, объединены 10 ячеек, выпадающий список должен отображатся в конце десятой ячейки, но отображается в конце первой. Нужна помощь с исправлением данной ошибки. Совет «просто перебить выпадающий список с нуля» не подходит. Этих списков на листе довольно много и они довольно объёмные, ни один час на это уйдёт.
Лучший ответ
1. объединенные ячейки — это зло !
Всем любителям объединять ячейки (тем более без необходимости) в аду приготовлен специальный котел.
И черти объединенными усилиями поддают жару.
2. Вам повезло. Вы столкнулись только с одной и самой незначительной проблемой.
Кроме невозможности работать в Яндекс-диске вас ждет еще много «подводных камней»
Объединённые ячейки — неправильно индицируют условное форматирование
Объединенные ячейки вам преподнесут «свинью» с фильтрацией.
невозможно копировать-вставить без шаманского бубна.
на объединенных ячейках не работает формула массива.
И это еще не весь перечень возможностей объединения.
прежде чем читать третий пункт — еще раз перечитайте первый.
3. конкретное лекарство по вашему вопросу:
Открываем файл
а) выделяем выпадающий список
б) правая мышка
в) формат ячеек
г) выравнивание
д) объединение ячеек (снять чекбокс)
е) ОК
*Эти же действия, желательно, выполнить на всех столбцах
Abram PupkinГений (94950) 1 год назад
предложенное » лекарство»- это классика.
Допускается снятие объединения через ленту и/или другими известными способами
Остальные ответы
Действительно нужно объединение ячеек в данном случае? Не исправит ситуацию, если снимете объединение ячеек и расширите столбец до необходимого размера?
Nugen SovetГуру (2599) 1 год назад
Объединение в данной ячейке не так уж и необходимо, но если его снять — останутся ещё девять ячеек слева от него. А расширение одной этой ячейки до прежнего размера затронет и остальные строки. Если я правильно понял ваш ответ.
Abram Pupkin Гений (94950) Nugen Sovet, уберите/измените конфиденциальную информацию и покажите скрин «остальных затронутых строк»
Nugen SovetГуру (2599) 1 год назад

Проблема возникла именно в экселе, который встроен в яндекс-диск. Там «формат ячеек» на пкм попросту не могу найти. Но насколько я понял по первому вашему ответу, вы рекомндовали просто снять объёдинение через «формат ячеек»? Или есть принципиальная разница как отключать объединение?
Ещё один момент, объединение вряд ли отключить есть возможность — весь визуал поползёт, а удаление пустых ячеек (после отключения объединения) так и вовсе сместит всю таблицу.
Фото прикрепил, аналогичная проблема на этом же листе. Выделил красным область с проблемой. Также «треугольник» с всплывающим меню находиться в конце именно первой ячейки из объединенных.
Abram Pupkin Гений (94950) Nugen Sovet, Чтобы я узнал о вашем ответе — когда пишите коммент — нажимайте «ответить» в МОЁМ окошке. Только так я получу извещение на почте Дай, Бог, терпения ! З А Ч Е М !? ЗАЧЕМ обрезали буквы вверху и числа слева ? Мне тяжело объяснять а машина — не понимает: — вторая по длине черная строчка — рядом с толстым прямоугольником — чуть-чуть ниже серой строки . Судя по вашей таблице — в аду вы будете почетный посетитель. Столько объединения я еще не ни разу не видел . «. весь визуал поползёт. » чтобы ответить поползет/не поползет и как правильно составить таблицу — надо видеть эту самую таблицу.
Выпадающий список в Гугл Таблицах — 2 лучших способа создания!
Инструмент “Выпадающий список” незаменим в Гугл Таблицах, если предстоит сбор и обработка данных. Он значительно облегчает и ускоряет весь процесс, избавляя Вас от необходимости ручного ввода повторяющихся данных. Создается такой список очень легко.
Как создать выпадающий список и как с ним работать
Ниже мы приведем две инструкции: с ручным вводом значений списка и с указанием диапазона. Первый — проще, а второй подойдет для работы с большим количеством значений.
Создание выпадающего списка
Самый простой вариант. Подойдет, чтобы быстро “собрать”, к примеру, несложную форму для опроса. Ну или любую другую форму, где не требуется обработки больших массивов данных. Сначала вы должны разобраться, как вообще создать Гугл Таблицу, а потом, как в Гугл Таблице сделать выпадающий список в одной ячейке или сразу в нескольких:
- Левой кнопкой мыши (ЛКМ) кликаем на нужную ячейку или выделяем сразу несколько вниз.
- По выделенному участку щелкаем правой кнопкой мыши (ПКМ) и в меню выбираем “Проверка данных”.
- В окне “Проверка данных” выставляем значения по таблице ниже ↓

- Жмем на сохранить.
Готово. Теперь вы знаете, как создать выпадающий список в Google Таблицах.
*В первом случае, если в ячейку будут вручную введены данные не из списка значений, появится окошко с предупреждением и указанием на необходимость поправки. При запрете ввода данных в ячейку вписать ничего нельзя, работает только значок .
Еще о работе с выпадающим списком
С тем, как сделать в Гугл Таблицах выпадающий список, мы разобрались. Осталось упомянуть еще несколько вариантов настроек, доступных для использования. В окне “Проверка данных”, в строке “Правила”, вы можете выбрать следующие настройки:
- Число → В диапазоне (Не в диапазоне, Больше, Больше или равно, Меньше, Меньше или равно и т. д.) → вписать числа.
- Текст → Содержит (Не содержит, Равняется, Является допустимым URL / адресом электронной почты) → вписать нужный текст.
- Дата → Является допустимой датой (Равняется, До, После, Указана или до и т. д.) → указать дату.
Обратите внимание: ячейки можно подсвечивать разными цветами (и в зависимости от содержимого в том числе. Для этого выделите ПКМ одну или несколько ячеек, выберите “Условное форматирование” и в форме справа назначьте правила выделения цветом.
Связанные выпадающие списки
В настоящий момент нет функционала, позволяющего создавать связанные выпадающие списки в Гугл Таблицах — подобно тому, как это делается в Excel. Пользователи вынуждены писать специальные скрипты и прикреплять их к таблице. Только так содержимое ячеек “ведет себя” нужным образом. Это требует определенных знаний в программировании — даже для того, чтобы взять готовый скрипт из сети и подогнать его под свои потребности.
Мы нашли один вариант, который вы, вероятно, сможете использовать, выбрав наиболее подходящий, чтобы сделать раскрывающийся связанный список в Гугл Таблицах. Скрипт выглядит так:
| // Имя рабочего листа var tsheet = ‘Результат’; //заменить на имя листа, в котором должна проводиться проверка данных // диапазон проверки: var rownum = 100; //строка, на которой проверка закончится var vcol = 2; //номер колонки (не буква), которая проверяется // диапазон с условиями var ccols = 3; //номер колонки (не буква), в которой берет начало список условий var clen = 10; //сколько условий берется в расчет, максимум //…………………………………………………………………….. for (var i = 2; i // Set the data validation var ss = SpreadsheetApp.getActiveSpreadsheet(); var sh = ss.getSheetByName(tsheet); var cell = sh.getRange(i, vcol, 1, 1); var range = sh.getRange(i, ccols, 1, clen); var rule = SpreadsheetApp.newDataValidation().requireValueInRange(range).build(); cell.setDataValidation(rule); > |
Обратите внимание: между знаками “//” находится пояснительная информация — ее можно не удалять, на работоспособность скрипта она не влияет. Вы изменяете только цифры рядом с пояснениями, чтобы сделать в Гугл Таблице связанный выпадающий список.
Подготовка таблицы
Сначала нужно открыть новый документ в Гугл Таблицы и создать в нем еще один лист (“+” в левом нижнем углу окна). Переименовать Лист 1 в “Результат”, а Лист 2 в “Данные”.
Первый этап — работа с листом “Данные”. Как в Гугл Таблицах сделать выпадающий список в ячейке:
- В ячейке А1 указываем название / характеристику первого уровня списка. Начиная с А2 вводим соответствующие значения. Повторений каждого должно быть столько, сколько будет для него значений второго уровня.
- В ячейке D1 указываем название / характеристику первого уровня списка. Начиная с D2 вводим соответствующие значения (по одному разу).
Выглядит все это вот так:

Второй этап, работа с листом “Результат”:
- Переходим к листу “Результат” и выделяем интересующий диапазон ячеек. В данном случае — от А2 и до А13 включительно.
- Кликаем ПКМ по выделенному полю и в меню выбираем “Проверка данных ”.
- В окне “Проверка данных” первую строку не изменяем. Ставим курсор в поле правее “Значения из диапазона” → переключаемся на лист “Данные” → выделяем значения из столбца D, начиная с D2 + столько пустых ячеек вниз, сколько нужно → Ок → Сохранить.
Что мы видим перед нажатием на “Сохранить” :


Подготовка окончена. Осталось прикрепить скрипт к таблице.
Прикрепление скрипта
- Кликаем по кнопке “Инструменты” и в меню выбираем “Редактор скриптов ”.
- Откроется окно редактирования. В него вставляем приведенный выше скрипт и правим его на своё усмотрение.
- На панели вверху жмем на “Выполнить”. После этого система выдаст кучку предупреждений и запросов на разрешения — разрешения даем.
- Ждем несколько секунд, пока скрипт сработает и в таблицу на первом листе (у нас это “Результат” , подтянутся данные и появятся выпадающие списки.
Далее смотрим на результат — если что-то не устраивает, возвращаемся в редактор скриптов и подправляем в нем параметры проверки данных.