Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   "Живой поиск" (https://javascript.ru/forum/events/58455-zhivojj-poisk.html)

Elect 23.09.2015 01:35

"Живой поиск"
 
В общем каким образом делается автоматический поиск(вводишь и результаты сразу обновляются)

sortarray 23.09.2015 13:26

Вот простейший случай
<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>


Часовой пояс GMT +3, время: 20:36.