|
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240
|
||||||
Реализовать список с мультивыбором на чистом JS27.12.2015, 02:12. Показов 3815. Ответов 25
Метки нет (Все метки)
Не по теме: Уф, НГ уже совсем близко. Клёво. Возрадуйся же! Просто так. Чё такой унылый? Привет! Сегодня мне пришла в голову клёвая мысль, реализовать поддержку категорий, на всякий случай. И вот, написал я код, всё классно работает, но вот стандартное
И я задумался о том, как же [cut] видоизменить это понурое говно. Хочется, знаете, немного магии. Хочется что бы пользователь мог из выпадающего списка навыбирать категорий, а они бы выводились где нибудь в клёвом месте (с небольшим крестиком, если вдруг понадобится удалить), в пределах </form> И что бы при редактировании материала всё работало так же адекватно как <select>, ведь он хорош. Хорош, но уныл. То, что мне удалось найти в сети, сделано на jQuery, а я, что бы вы знали, мазахист в плане кода и моё тело отторгает всевозможные библиотеки, поэтому мне бы хотелось реализации на чистом JS. Да и впринципе если бы то что я нашёл хотя бы работало бы адекватно, везде, я бы закрыл глаза на то что это аддон к плагину родного многим JS, но нет. То что я нашёл не коректно работает например в опере. Итак, вопрос: Кто чем может помочь? Может быть кто-нибудь видел то, о чём я прошу? Или быть может, кто-нибудь подскажет как реализовать подобное? Если есть вопросы, задавайте, но всё же ответы предпочтительнее.
0
|
||||||
| 27.12.2015, 02:12 | |
|
Ответы с готовыми решениями:
25
Выпадающий список с мультивыбором? Реализовать скролл эффект на чистом js Список: Не могу реализовать вывод, а может и правильное добавление в список. |
|
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240
|
|
| 27.12.2015, 04:24 [ТС] | |
|
Для наглядности приведу пример того что ищу.
Но это работает только с jQuery.
0
|
|
|
944 / 687 / 230
Регистрация: 28.04.2013
Сообщений: 1,925
|
||
| 27.12.2015, 10:28 | ||
|
AlexBitard, Пытаясь украсить свой новогодний пост "искрометным юмором" вы упустили один очень важный момент.
0
|
||
|
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240
|
|
| 27.12.2015, 13:27 [ТС] | |
|
BANO, предлагаете мне переписать 1257 строк для работы мельчайшего плагина?
Неужели я первый в интернетах, кому это понадобилось? Разве? Нет, ну если так, то я конечно клёвый. Но мне почему-то кажется что есть маньяки ненавидящие jquery и побольше чем я. Просто приведите пример того что я ищу на чистом JS. Или дайте знать что такого точно не существует и мне прийдётся самому писать то что мне нужно. Если это будет убедительно, так и поступлю. Добавлено через 7 минут reisal78, К чему тогда это обращение ко мне (которое не имеет никакого отношения к ответу на мой вопрос)? Я даже польщён что мд хвалит мой великолепный юмор и знакомит меня с интересными фактами. Мне кажется, если бы все вели себя так, уровень неумения обращения с ПК очень сильно упал.
0
|
|
|
Ренегат
|
||
| 27.12.2015, 13:59 | ||
|
это я я ненавижу jq AlexBitard, хотите код? хорошо, сначала скажите откуда надо брать названия этих "селекнутых" опций, и куда их надо запихивать
0
|
||
|
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240
|
||||||
| 27.12.2015, 14:51 [ТС] | ||||||
|
BANO,
Ну текущий пример использует стандартные списки:
Если вы на столько альтруистичны что решили перекроить этот плагин на чистом JS, я был бы благодарен, и вы бы помогли, думаю не только мне, так как в сети я подобного найти не смог. Но мне кажется что это заняло бы у вас всё свободное время. Я не сомневаюсь в ваших умениях, просто мне кажется что там как-то слишком много кода.
0
|
||||||
|
Ренегат
|
||||||
| 27.12.2015, 22:14 | ||||||
|
AlexBitard, наверное не просто так на форуме сделаны разные сортировочки, отметочки, разделы...
наверное чтобы людям было удобно и задавать вопрос, и отвечать на заданные вопросы Добавлено через 21 минуту а на счёт кода держите вот так http://jsbin.com/kulepekagi/edit?html,output Добавлено через 25 секунд сюда выложу только js код
0
|
||||||
|
Superposition
950 / 615 / 256
Регистрация: 27.10.2013
Сообщений: 2,083
|
|
| 27.12.2015, 22:18 | |
|
AlexBitard, Вполне прикольная штука если делать такое впервые, важно чтобы работало везде и на ie8. А в общем-то задача тривиальная: хеш, клонируем текст|значение.
0
|
|
|
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240
|
|
| 27.12.2015, 23:03 [ТС] | |
|
Как отправить выбранные элементы? Например сабмитом в форме.
0
|
|
|
Superposition
950 / 615 / 256
Регистрация: 27.10.2013
Сообщений: 2,083
|
||||||
| 27.12.2015, 23:04 | ||||||
|
https://jsfiddle.net/3bhvegg8/
0
|
||||||
|
Ренегат
|
||||||
| 27.12.2015, 23:14 | ||||||
|
Padimanskas, кода много, а смысла?
AlexBitard, вот вам функция getValues возвращает массив значений выбранных элементов
0
|
||||||
|
Superposition
950 / 615 / 256
Регистрация: 27.10.2013
Сообщений: 2,083
|
|
| 27.12.2015, 23:48 | |
|
BANO, Читай код, тогда дойдет мб
0
|
|
|
Superposition
950 / 615 / 256
Регистрация: 27.10.2013
Сообщений: 2,083
|
|||||||
| 28.12.2015, 00:08 | |||||||
0
|
|||||||
|
Ренегат
|
||
| 28.12.2015, 00:35 | ||
|
в общем ваши явные признаки, ничего кроме явности не дают а мои неявные использования фич дают краткость код и его работоспособность)
0
|
||
|
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240
|
|
| 28.12.2015, 00:58 [ТС] | |
|
BANO, сейчас с ноута, но вроде бы то что нужно. Буду у компа, попробую использовать этот вариант.
И да, действительно очень коротко. Единственное чего я так и не понимаю прямо сейчас, как бы мне передать эти значения. Про getValues я понял, но как отправить серверу эти значения. Конечно же можно послать значения через js, только это в голову и приходит сейчас. Но как отправить их через обычную форму? Ведь она может только инпуты передавать.
0
|
|
|
Superposition
950 / 615 / 256
Регистрация: 27.10.2013
Сообщений: 2,083
|
||
| 28.12.2015, 01:15 | ||
|
0
|
||
|
-13 / 2 / 0
Регистрация: 14.08.2014
Сообщений: 240
|
|
| 30.12.2015, 02:33 [ТС] | |
|
BANO, вопрос по прежнему актуален. Если вы вдруг потеряли тему.
Повторюсь, подскажите как передать значения вашего решения формой.
0
|
|
| 30.12.2015, 02:33 | |
|
Помогаю со студенческими работами здесь
20
Создать класс «Квартира», в котором список комнат реализовать как односвязный список Реализовать кольцевой список. Как закольцевать список обычный?
Select с поиском с мультивыбором Помогите с мультивыбором в MS Access Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога
Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
|
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm)
8Observer8 30.01.2026
Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .
|
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога
Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
|
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования.
Часть библиотеки BedvitCOM
Использованы. . .
|
|
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога
SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
|
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога
SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
|
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
|
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога
SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
|