Как организовать живой поиск с начала ввода?

Question

[reds]

Нужен поиск по списку, но так, чтобы при вводе буквы "с" показывало только "Сургут", у которого "с" в начале, а не "Москва" с "с" посередине.

<section>
<input id="demoInput" type="text" placeholder="Введите ваш город..">
<br>
<ul id="demoList">
  <li>Москва</li>
  <li>Минск</li>
  <li>Могилев</li>
  <li>Тверь</li>
  <li>Сургут</li>
</ul>
</section>


<script>
$(document).ready(function(){
  $("#demoInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#demoList li").filter(function() {
   $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
  });
  });
});
</script>

Comments

[Никита]

Отслеживайте подстроку с первого символа

[reds]

Никита Пурыга, не понимаю я как это делается, понимаю как сделать в цикле в php, а на js нет.

[Никита]

reds, https://ru.stackoverflow.com/questions/640556/Соде...

[reds]

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

$(this).toggle($(this).text().toLowerCase().indexOf(value) == 0)

[reds]

Не могу найти кнопку "Отметить как решение", раньше вроде была здесь.

[Никита]

reds, это комментарии здесь нельзя отметить, разместил ответ в ответах xD

Answer 1

[Никита]

https://ru.stackoverflow.com/questions/640556/Соде...