Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.50/18: Рейтинг темы: голосов - 18, средняя оценка - 4.50
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240

Реализовать список с мультивыбором на чистом JS

27.12.2015, 02:12. Показов 3819. Ответов 25
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Не по теме:

Уф, НГ уже совсем близко. Клёво. Возрадуйся же! Просто так. Чё такой унылый?


Привет! Сегодня мне пришла в голову клёвая мысль, реализовать поддержку категорий, на всякий случай.
И вот, написал я код, всё классно работает, но вот стандартное
HTML5
1
2
3
4
5
6
7
<select multiple>
 <option>Категория #1</option>
 <option selected>Категория #2</option>
 <option>Категория #3</option>
 <option selected>Категория #4</option>
 <option>Категория #5</option>
</select>
не особо радует глаз.

И я задумался о том, как же [cut] видоизменить это понурое говно.

Хочется, знаете, немного магии.

Хочется что бы пользователь мог из выпадающего списка навыбирать категорий, а они бы выводились где нибудь в клёвом месте (с небольшим крестиком, если вдруг понадобится удалить), в пределах </form>

И что бы при редактировании материала всё работало так же адекватно как <select>, ведь он хорош. Хорош, но уныл.

То, что мне удалось найти в сети, сделано на jQuery, а я, что бы вы знали, мазахист в плане кода и моё тело отторгает всевозможные библиотеки, поэтому мне бы хотелось реализации на чистом JS.

Да и впринципе если бы то что я нашёл хотя бы работало бы адекватно, везде, я бы закрыл глаза на то что это аддон к плагину родного многим JS, но нет. То что я нашёл не коректно работает например в опере.

Итак, вопрос: Кто чем может помочь? Может быть кто-нибудь видел то, о чём я прошу?
Или быть может, кто-нибудь подскажет как реализовать подобное?

Если есть вопросы, задавайте, но всё же ответы предпочтительнее.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
27.12.2015, 02:12
Ответы с готовыми решениями:

Выпадающий список с мультивыбором?
Доброго всем знатокам! Сам не осилил, прошу помощи! Есть задача, необходимо создать выпадающий список, значения в списке должны...

Реализовать скролл эффект на чистом js
Всем привет! Хочу реализовать следущую задумку. Скролю страницу, доскроливаю до нужного блока, он фиксируется и занимает все свободное...

Список: Не могу реализовать вывод, а может и правильное добавление в список.
Помогите пожалуйста. Не могу реализовать вывод, а может и правильное добавление в список. Вообщем вот код: #include &lt;stdio.h&gt; ...

25
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
04.01.2016, 18:38
Студворк — интернет-сервис помощи студентам
Цитата Сообщение от Padimanskas Посмотреть сообщение
Лучше расскажи что ты там куришь
я курю исключительно зелёный чай, исключительно через воду и исключительно в заваренном состоянии

а если очень хочешь знать, то это проблемы ie8
хотя мне пофигу на него, поскольку все эти фичи можно врубить и дополнительными сриптами, что вообще-то даже я не приветствую, а лучше вообще посылать пользователе ie8 "лесом"
ибо надо браузеры иметь
и вообще
есть у меня друг который пользуется ie, я у него спрашивал, почему ты его используешь, он говорит что привык
а на вопрос "а как ты относишься к багам сайтов" он мне ответил, "а у меня винда тоже вензеля выкручивает, так что я и к этому привык, что от майкросовта всё идёт недоделанное"
я ему не стал говорить что программисты могут делать этот сайт и под ie
но вывод такой:
пользователи осла уже привыкли к отсылкам на браузеры, и они обычно пользуются им потому что сайты, на которые они заходят, разъезжаются на новых браузерах.
поэтому я обычно просто говорю, что сайт может работать некорректно на ие, и почему-то никто не жалуется, ведь предупреждение есть, значит это проблемы юзера, что он использует осла
ну короче я уже давно не занимаюсь выкручиванием под осла, так как никто уже не заходит под ним на Сайты
он по сути нужен всяким корпоративным сайтам, поскольку они делались давно, и никто не хочет рвать жопу чтобы переделать эти сайты на новые. тут действует правило
Работает? Не трогай
а все эти ваши "под ослом работать не будет" это всё хрень. потому что ослом пользуются "старички" привыкшие к нему
а современные люди пользуются Браузерами
старичкам хватит и обычного мульти списка, а современные люди любят авторские дизайнерства. вот именно им нужен такой список как в мэйле. с блоками, с анимацией... ну короче то, что описал тс

Добавлено через 5 минут
Цитата Сообщение от AlexBitard Посмотреть сообщение
Но как отправить их через обычную форму?
Ведь она может только инпуты передавать.
можно через форму, можно через ajax
я бы сделал через аякс
но можно конечно сделать псевдо форму и отправлять её

кстати вопрос
вам нужна поддержка восьмого осла?
0
04.01.2016, 20:09
 Комментарий модератора 
Господа, снизьте пыл общения.
0
Superposition
 Аватар для Padimanskas
950 / 615 / 256
Регистрация: 27.10.2013
Сообщений: 2,083
04.01.2016, 20:54
Мы создаем трафик в этой ветке дискутируя на интересные темы и отвечая даже на самые тупые вопросы новичков. Но нужно понимать, что в любых предметных обсуждениях, всегда будут существовать споры и даже конфронтации. Не говоря уж о том, что в javascript в принципе все неоднозначно.
0
Модератор
Эксперт JS
 Аватар для Eva Rosalene
5241 / 2115 / 416
Регистрация: 06.01.2013
Сообщений: 4,846
04.01.2016, 21:16
Padimanskas, споры можно вести корректнее. В почищенном были и явные оскорбления.
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
04.01.2016, 21:45
FraidZZ, ладно

Не по теме:

я пропустил какие-то оскорбления? =-O

0
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240
05.01.2016, 00:25  [ТС]
Цитата Сообщение от BANO Посмотреть сообщение
вам нужна поддержка восьмого осла?
Нет. Этот браузер полный отстой. Кто им пользуется - это их право, я же такие вкусы не одобряю и закрываю доступ к сайту для IE < 9
Мне такие пользователи не нужны. Если им интересен мой контент, они его увидят. Но увидят в том виде, в котором я планировал что бы они увидели. А все эти подстраивания под неактуальное старьё - не для меня.

И это вовсе не неуважение к пользователям. Это неуважение к консервативным эгоистам с своим протухшим софтом, не согласным подстраиваться под мировой стандарт.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
05.01.2016, 00:25
Помогаю со студенческими работами здесь

Создать класс «Квартира», в котором список комнат реализовать как односвязный список
Добрый день,написал фот такой клас по заданию:Создать класс «Квартира», в котором список комнат реализовать как односвязный список....

Реализовать кольцевой список. Как закольцевать список обычный?
Помогите пожалуйста реализовать кольцевой список. Я так понимаю, он может быть двусвязным и односвязным? Меня интересует односвязный....

Select c мультивыбором и поиском
Здравствуйте, извините если не в тот раздел написал, подскажите как сделать select c мультивыбором и поиском, нашел ссылку того как хочу но...

Select с поиском с мультивыбором
Здравствуйте можете подсказать как сделать поиск по select и чтоб при этом был еще с мультивыбором? Добавлено через 2 минуты сейчас...

Помогите с мультивыбором в MS Access
Пожалуйста помогите с такой вот проблемой: Представте: есть БД, допустим 'Видеопрокат', есть таблица по фильмам ('Фильмы'), и есть...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
26
Ответ Создать тему
Новые блоги и статьи
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru