На мобильном поиск выдает некорректные данные, поиск на javascript, как устранить?

Question

[MelPosp]

Здравствуйте. по ссылке
ссылка на codepen
находится код моего поиска на сайте. К каждому значению из select #1, принадлежат свои значения из select #2. потом при нажатии на кнопку эти значения совмещаются в скрытом input.

На компьютере все работает как часы. А вот на мобильном, какой то сбой функционала, значения из select #2 перемешиваются (или вообще не отображаются), при выборе select #1

Например: на компьютере при выборе в select #1 = Куба , всплывает значение 2 марта, а на телефоне 20 апреля (причем каждый раз разное значение)

Comments

[ProjectSoft]

MelPosp, в Chrome доступна отладка на мобильном.
Попробуйте использовать её, чтобы понять в чём дело.
В своё время я использовал вот эту статью чтобы подключить мобильный к отладке.

Answer 1

[FeST1VaL]

Во первых у вас дублируются data5 и value в data3.
Во вторых я бы изменил код на что то типо этого... не делал бы для каждого маршрута свой selector, а объединил и выбирал по data-id

Comments

[MelPosp]

Сделал под себя, большое спасибо, давайте я Вас денюшкой отблагодарю, напишите номер мобильного или кошелька

Вот еще такой вопрос, ссылка на codepen
ссылка на скриншот

Если изначально нажать на "Все даты" то выползает такой список со всеми option. Можно ли сделать что б пока не выбрал конкретный маршрут в этом поле можно было выбрать только один option (Все даты)

[FeST1VaL]

MelPosp, не стоит) А насчет скрыть, то вы же можете им дать display: none;

#data option {
  display: none;
}

#data option[value="0"] {
  display: block;
}

P.S: если честно говоря ваша затея не очень хороша) Выбор через Select такое себе... Вы не сможете на iOS скрыть остальные пункты... По этому я использовал disabled... Или все же вернуться к вашему варианту с множеством селекторов) Короче говоря сделайте или псевдо селекторы т.е просто Div со скрытым блоком в котором список дат... или делайте календарь с активными и не активными датами...