Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Destroyer
0 / 0 / 1
Регистрация: 24.10.2014
Сообщений: 47
1

Поиск по меню независимо от регистра

04.12.2018, 15:04. Просмотров 316. Ответов 0

Есть такой код. Он ищет прямо в меню и отфильтровывает результаты. Но если пишешь город с маленькой буквы,то он ничего не находит. Как сделать, чтобы независимо от регистра искал город?


Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<script>
        jQuery("document").ready(function($){
 
$(".x-drop-down__value").click(function(event) {
  toggleMenu();
  event.stopPropagation();
});
 
$('.xx1').click(function() {
  $('.x-drop-down__value').html($(this).text());
  toggleMenu();
});
 
function toggleMenu() {
  let menu = $(".x-drop-down__dropped");
  if (!menu.hasClass('active')) {
    window.addEventListener('click', closeMenu);
  } else {
    window.removeEventListener('click', closeMenu);
  }
  menu.toggleClass("active");
}
 
function closeMenu() {
  $(".x-drop-down__dropped").removeClass("active")
}
 
$('.x-drop-down__dropped').click(function(event) {
  event.stopPropagation();
});
 
 
$('.x-input__field').on('input', function() { 
  let search = $(this).val();
  searchData(search);
});
 
function searchData(search) {
  let towns = $('.xx1');
  towns.each(function() {
    if ($(this).text().indexOf(search) === -1) {
      $(this).addClass('item_hide');
    } else {
      $(this).removeClass('item_hide');
    }
  });
}
 
});
 
</script>

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<ul class="menu menu_vert">
    <li class="first level1"><a href="uslugi/gruzoperevozki/" class="">География грузоперевозок
    <div class="arrow-right">
    </div>
    </a>
    <ul class="menu3" style="top: 0px; left: 230px; display: none;">
        <div class="arrow-left2" style="top: 8px;">
        </div>
        <div class="arrow-left" style="top: 8px;">
        </div>
        <li class="first level2" style="width: 258px;"><a href="uslugi/gruzoperevozki/po-rossii/">По России</a>
        <ul style="max-height: 420px;>
            <div class="b-order-prepare__field" data-qaid="city-dd">
                <div class="js-toggle x-drop-down" data-qaid="dd_widget">
                    <span class="x-drop-down__arrow"></span><input type="hidden" value="8e1718f5-1972-11e5-add9-005056887b8d">
                    <div class="x-drop-down__dropped">
                        <div class="x-drop-down__list js-dropdown">
                            <div class="x-drop-down__search">
                                <div class="x-input x-input_size_s">
                                    <span class="x-drop-down__value b-order-prepare__field">Откуда</span><input type="text" class="x-input__field" autocomplete="off" value="">
                                </div>
                            </div>
                            <li><a href="uslugi/gruzoperevozki/arhangelsk/" class="first xx1">Архангельск</a></li>
                            <li><a href="uslugi/gruzoperevozki/astrahan/" class="xx1">Астрахань</a></li>
                            <li><a href="uslugi/gruzoperevozki/barnaul/" class="xx1">Барнаул</a></li>
                            <li><a href="uslugi/gruzoperevozki/belgorod/" class="xx1">Белгород</a></li>
                            <li><a href="uslugi/gruzoperevozki/bryansk/" class="xx1">Брянск</a></li>
                            <li><a href="uslugi/gruzoperevozki/velikij-novgorod/" class="xx1">Великий Новгород</a></li>
                            <li><a href="uslugi/gruzoperevozki/vladivostok/" class="xx1">Владивосток</a></li>
                            <li><a href="uslugi/gruzoperevozki/volgograd/" class="xx1">Волгоград</a></li>
                            <li><a href="uslugi/gruzoperevozki/vologda/" class="xx1">Вологда</a></li>
                            <li><a href="uslugi/gruzoperevozki/voronezh/" class="xx1">Воронеж</a></li>
                            <li><a href="uslugi/gruzoperevozki/ekaterinburg/" class="xx1">Екатеринбург</a></li>
                            <li><a href="uslugi/gruzoperevozki/izhevsk/" class="xx1">Ижевск</a></li>
                            <li><a href="uslugi/gruzoperevozki/irkutsk/" class="xx1">Иркутск</a></li>
                            <li><a href="uslugi/gruzoperevozki/kazan/" class="xx1">Казань</a></li>
                            <li><a href="uslugi/gruzoperevozki/kaluga/" class="xx1">Калуга</a></li>
                            <li><a href="uslugi/gruzoperevozki/kemerovo/" class="xx1">Кемерово</a></li>
                            <li><a href="uslugi/gruzoperevozki/kirov/" class="xx1">Киров</a></li>
                            <li><a href="uslugi/gruzoperevozki/kostroma/" class="xx1">Кострома</a></li>
                            <li><a href="uslugi/gruzoperevozki/krasnodar/" class="xx1">Краснодар</a></li>
                            <li><a href="uslugi/gruzoperevozki/krasnoyarsk/" class="xx1">Красноярск</a></li>
                            <li><a href="uslugi/gruzoperevozki/kurgan/" class="xx1">Курган</a></li>
                            <li><a href="uslugi/gruzoperevozki/kursk/" class="xx1">Курск</a></li>
                            <li><a href="uslugi/gruzoperevozki/lipetsk/" class="xx1">Липецк</a></li>
                            <li><a href="uslugi/gruzoperevozki/magnitogorsk/" class="xx1">Магнитогорск</a></li>
                            <li><a href="uslugi/gruzoperevozki/moskva/" class="xx1">Москва</a></li>
                            <li><a href="uslugi/gruzoperevozki/moskovskaya-oblast/" class="xx1">Московская область</a></li>
                            <li><a href="uslugi/gruzoperevozki/murmansk/" class="xx1">Мурманск</a></li>
                            <li><a href="uslugi/gruzoperevozki/naberezhnye-chelny/" class="xx1">Набережные Челны</a></li>
                            <li><a href="uslugi/gruzoperevozki/nizhnevartovsk/" class="xx1">Нижневартовск</a></li>
                            <li><a href="uslugi/gruzoperevozki/nizhnij-novgorod/" class="xx1">Нижний Новгород</a></li>
                            <li><a href="uslugi/gruzoperevozki/novosibirsk/" class="xx1">Новосибирск</a></li>
                            <li><a href="uslugi/gruzoperevozki/orel/" class="xx1">Орел</a></li>
                            <li><a href="uslugi/gruzoperevozki/orenburg/" class="xx1">Оренбург</a></li>
                            <li><a href="uslugi/gruzoperevozki/penza/" class="xx1">Пенза</a></li>
                            <li><a href="uslugi/gruzoperevozki/perm/" class="xx1">Пермь</a></li>
                            <li><a href="uslugi/gruzoperevozki/petrozavodsk/" class="xx1">Петрозаводск</a></li>
                            <li><a href="uslugi/gruzoperevozki/pskov/" class="xx1">Псков</a></li>
                            <li><a href="uslugi/gruzoperevozki/rostov/" class="xx1">Ростов</a></li>
                            <li><a href="uslugi/gruzoperevozki/rostov-na-donu/" class="xx1">Ростов-на-Дону</a></li>
                            <li><a href="uslugi/gruzoperevozki/ryazan/" class="xx1">Рязань</a></li>
                            <li><a href="uslugi/gruzoperevozki/samara/" class="xx1">Самара</a></li>
                            <li><a href="uslugi/gruzoperevozki/sankt-peterburg/" class="xx1">Санкт-Петербург</a></li>
                        
                        </div>
                    </div>
                </div>
            </ul>
            </li>
            <li class="level2" style="width: 258px;"><a href="uslugi/gruzoperevozki/po-evrope/">По европе</a></li>
            <li class="level2" style="width: 258px;"><a href="uslugi/gruzoperevozki/sng/">По СНГ</a></li>
            <li class="last level2" style="width: 258px;"><a href="uslugi/gruzoperevozki/mezhdunarodnyie/">Международные</a></li>
        </ul>
        </li>
        <li class="level1"><a href="uslugi/vidy-gruzoperevozok/">Виды грузоперевозок
        <div class="arrow-right">
        </div>
        </a>
        <ul class="menu3">
            <div class="arrow-left2">
            </div>
            <div class="arrow-left">
            </div>
            <li class="first level2"><a href="uslugi/vidy-gruzoperevozok/avtomobilnyie-gruzoperevozki/">Автомобильные грузоперевозки</a></li>
            <li class="level2"><a href="uslugi/vidy-gruzoperevozok/zh/d-perevozki/">Ж/д перевозки</a></li>
            <li class="level2"><a href="uslugi/vidy-gruzoperevozok/aviaperevozki-gruzov/">Авиаперевозки грузов</a></li>
            <li class="level2"><a href="uslugi/vidy-gruzoperevozok/kontejnernyie-perevozki/">Контейнерные перевозки</a></li>
            <li class="level2"><a href="uslugi/vidy-gruzoperevozok/perevozka-negabaritnyix-gruzov/">Перевозка негабаритных грузов</a></li>
            <li class="level2"><a href="uslugi/vidy-gruzoperevozok/perevozka-sbornyix-gruzov/">Перевозка сборных грузов</a></li>
            <li class="last level2"><a href="uslugi/vidy-gruzoperevozok/perevozka-gruzovyih-avtomobilej/">Перевозка грузовых автомобилей</a></li>
        </ul>
        </li>
        <li class="last level1"><a href="uslugi/dopolnitelnyie-uslugi/">Дополнительные услуги
        <div class="arrow-right">
        </div>
        </a>
        <ul class="menu3">
            <div class="arrow-left2">
            </div>
            <div class="arrow-left">
            </div>
            <li class="first level2"><a href="uslugi/dopolnitelnyie-uslugi/uslugi-gruzchikov/">Услуги грузчиков</a></li>
            <li class="level2"><a href="uslugi/dopolnitelnyie-uslugi/skladskie-uslugi/">Ответственное хранение грузов</a></li>
            <li class="last level2"><a href="uslugi/dopolnitelnyie-uslugi/pereezdyi/">Переезды</a></li>
        </ul>
        </li>
    </ul>
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
04.12.2018, 15:04
Ответы с готовыми решениями:

Замена букв независимо от регистра
Проблема в том, что прога заменяет только заглавные буквы, т.е буквы zwx она не замечает,а задание...

Как сделать вывод из БД данных при поиске независимо от регистра букв
ПРивет всем! Подскажите пожалуйста как сделать вывод из БД данных при поиски независимо от...

Как мне проверить существование файла независимо от регистра символов в его имени?
привет всем и с праздничком! никак не могу найти как мне проверить существование файла независимо...

Напишите программу, которая вычисляет процентное содержание символов G и C в введенной строке (Независимо от регистра)
Компилятор выдает:&quot;Program1.pas(17) : Ожидалось константное выражение&quot; Что нужно поправить? var...

поиск в string независимо от размера
Здравствуйте. Ситуация: Имеется строка, которая включает в себя символьный текст. При помощи...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
04.12.2018, 15:04

Регулярные выражения (поиск текста независимо от падежа)
Прошу помочь с кодом для такой задачи. В соседней теме был рассмотрен пример с регулярными...

Поиск не зависящий от регистра
int Poisk (SPISOK *spisok,char *s,int n) { while (spisok-&gt;curr) { if...

Поиск по БД без учета регистра
Здравствуйте! Вопрос такой как сделать поиск по базе данных независимым от типа первой буквы...


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

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru