Живой поиск

@Dimon3x · Регистрация: 24.03.2013

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

Почему не выводит ячейку из массива, если введённое значение совпадает?

Может я не правильно написал регулярное выражение? Я больше не знаю как.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
 
  <head>
    <link rel="stylesheet" href="style.css">
   
  </head>
 
  <body>
   <input type='text' id='input'><br>
        
    <div id="con"></div><br><br><br><br>
    
    
    <div id="res"></div>
    
     <script src="script.js"></script>
  </body>
 
</html>

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
var arr = [
    'Advance', 
    'Belfair', 
    'Belleview', 
    'Boonville',
    'Conestoga',
    'Cotopaxi'
    
    ]
 
 
for(var i = 0; i < arr.length; i++){
      var div = document.createElement('div')
      
            con.innerText+=(arr[i])
            con.appendChild(div)
}
            
            
 
input.addEventListener('input', function(){
  
  
            
                for(var i = 0; i < arr.length; i++){
                  var res = ''
                  for(var n = 0; n < input.value.length; n++){
                    res = res + input.value[n]
                  }
                  
        
                console.log(input.value + ' == ' + res)
 
                  if(input.value == arr[i].search( /res/i )){
                    
                     console.log(arr[i])
                     
                     res.innerHTML = arr[i] 
                  }
                }
                
                    if(input.value.length==0){
                        res.innerHTML = ''
                    }
                
                
            });

http://plnkr.co/edit/bOMB2VuVE... ?p=preview

@vettel · 16.11.2016, 23:20

Dimon3x, во-первых, почитайте, что возвращает метод search и можно ли его сравнивать со строкой input.value.
Во-вторых, да, у вас вообще неправильная регулярка. Она всегда будет ма(т)чить по шаблону "res", а не по значению переменной res.
В-третьих, может я не очень догоняю суть вашей задачи, но я не понимаю, зачем вам городить такое решение с двумя циклами и регуляркой просто для того, чтобы понять, совпадает ли значение инпута с одним из элементов массива.

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@vettel 84 / 84 / 41 Регистрация: 14.02.2015 Сообщений: 320
	16.11.2016, 23:20
	Dimon3x, во-первых, почитайте, что возвращает метод search и можно ли его сравнивать со строкой input.value. Во-вторых, да, у вас вообще неправильная регулярка. Она всегда будет ма(т)чить по шаблону "res", а не по значению переменной res. В-третьих, может я не очень догоняю суть вашей задачи, но я не понимаю, зачем вам городить такое решение с двумя циклами и регуляркой просто для того, чтобы понять, совпадает ли значение инпута с одним из элементов массива. 0