Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.09.2015, 00:35
Аспирант
Отправить личное сообщение для Elect Посмотреть профиль Найти все сообщения от Elect
 
Регистрация: 06.09.2015
Сообщений: 41

"Живой поиск"
В общем каким образом делается автоматический поиск(вводишь и результаты сразу обновляются)
Ответить с цитированием
  #2 (permalink)  
Старый 23.09.2015, 12:26
Кандидат Javascript-наук
Отправить личное сообщение для sortarray Посмотреть профиль Найти все сообщения от sortarray
 
Регистрация: 19.09.2015
Сообщений: 117

Вот простейший случай
<html>
<head>
<meta charset="utf8">
</head>
<body>

<input id="i">

<div id="output"></div>

<script>

var data=["foo", "bar", "baz"]

var isEmpty = function(){var re = /^\s*$/; return function(str) {return re.test(str)}}()

i.oninput=function(){
  if(isEmpty(this.value)) return output.innerHTML=""
  var out=""
  var re = new RegExp(this.value)
  data.forEach(function(str){if(re.test(str)) out+=str+"<br>"})
  output.innerHTML=out
}


</script>

</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
оптимизация компонента "быстрый поиск" !JAlex_ Events/DOM/Window 0 13.03.2009 12:43