Гость
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / модификация select / 13 сообщений из 13, страница 1 из 1
12.07.2020, 13:05
    #39978608
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
есть
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<select id="select_mon">
<option value="01">(1) январь</option>
<option value="02">(2) февраль</option>
<option value="03">(3) март</option>
<option value="04">(4) апрель</option>
<option value="05">(5) май</option>
<option value="06">(6) июнь</option>
<option value="07">(7) июль</option>
<option value="08">(8) август</option>
<option value="09">(9) сентябрь</option>
<option value="10">(10) октябрь</option>
<option value="11">(11) ноябрь</option>
<option value="12">(12) декабрь</option>
</select>


задача - при раскрытии селекта показывать названия месяцев с номером, но выбранный месяц отображать без номера
есть идеи?
...
Рейтинг: 0 / 0
12.07.2020, 14:24
    #39978622
fkthat
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
Мне когда-то нужны были сильно хитровывернутые селекты, то я их просто позаменял на bootstrap dropdown + немного JS. А с обычным селектом такое как ты хочешь врят ли получится.
...
Рейтинг: 0 / 0
12.07.2020, 14:30
    #39978626
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
fkthat
Мне когда-то нужны были сильно хитровывернутые селекты, то я их просто позаменял на bootstrap dropdown + немного JS. А с обычным селектом такое как ты хочешь врят ли получится.
с js много чё можно наворотить....

вот https://jsfiddle.net/r32e6ash/

но если добавить в селект size=2
то нумерует
но это не то
...
Рейтинг: 0 / 0
12.07.2020, 16:33
    #39978668
Агнец за бортом
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
вадя,

Ну ты выбирай, либо ты в чистом HTML, либо любые извраты; хоть кино показывай в своём селекте.

В любом фронтенд фрейморке такие вещи (кстати, ты хочешь чего то странного) пролетаются без заминки, не то что тему на форуме создавать.
...
Рейтинг: 0 / 0
12.07.2020, 17:37
    #39978680
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
Агнец за бортом
Ну ты выбирай, либо ты в чистом HTML, либо любые извраты; хоть кино показывай в своём селекте.
пока я выбираю - что я не всё знаю в элементарном :)
поэтому и прошу помощь зала
...
Рейтинг: 0 / 0
12.07.2020, 18:05
    #39978685
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
Агнец за бортом
В любом фронтенд фрейморке

Вадя признаёт только один фреймворк - vanilla js
...
Рейтинг: 0 / 0
12.07.2020, 21:38
    #39978719
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
вот некоторое извращение (пока)
https://jsfiddle.net/osjw4qad/
что не так?
при повторном выборе
...
Рейтинг: 0 / 0
12.07.2020, 21:43
    #39978721
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
Изопропил
Вадя признаёт только один фреймворк - vanilla js
не не этот , а pure js
...
Рейтинг: 0 / 0
13.07.2020, 04:35
    #39978753
fkthat
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
вадя
вот некоторое извращение (пока)
https://jsfiddle.net/osjw4qad/
что не так?
при повторном выборе

Вообще не работает нихрена - то показывает, то не показывает, то показывает, но не там, причем в зависимости от фазы луны. У тебя в любом случае если ты меняешь программно текст внутри option, то он у тебя тут же меняется и в текстовом поле выпадающего списка. Могу еще предложить вариант - закрыть селект сверху обычным спаном и в этом спане показывать текст выбранного элемента без номера.
...
Рейтинг: 0 / 0
13.07.2020, 07:14
    #39978763
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
fkthat
Вообще не работает нихрена - то показывает, то не показывает, то показывает, но не там, причем в зависимости от фазы луны.
ну это не ответ программиста :)
там всё работает тат как js считает нужно, вот только мы не можем понять что он считает правильным
ту есть фишка что при повторном выборе не срабатывает onChange...
вот тут https://jsfiddle.net/v4t2Lja7/


добавлено
ev.target.selectedIndex = -1
оно делает срабатывание onChange постоянным, но ....
...
Рейтинг: 0 / 0
13.07.2020, 07:50
    #39978771
fkthat
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
вадя
там всё работает

Вот оно как работает, это я просто открыл твою ссылку и нажал кнопку "стрелка вниз" дропдауна:

...
Рейтинг: 0 / 0
13.07.2020, 08:22
    #39978775
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
fkthat
Вот оно как работает, это я просто открыл твою ссылку и нажал кнопку "стрелка вниз" дропдауна:
да это так и работает.
это конечно не есть хорошо, но это особенность select
с этим можно смириться т.к. это на момент выбора только.
если предложишь как избавиться - скажу спасибо
...
Рейтинг: 0 / 0
13.07.2020, 10:40
    #39978823
fkthat
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
модификация select
вадя
это конечно не есть хорошо, но это особенность select

Я тебе о том и говорю, что с одним селектом ты это не сделаешь - всегда в тексте будет то, что в выбранном элементе списка.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / модификация select / 13 сообщений из 13, страница 1 из 1
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]