Js search span içindeki yazıları

25-10-2021, 12:35:16

Merhaba,

Bir inputum var searc yapmak için altında şehirler var div içinde spanlara yazılmış. search yaptığımda otomatik o spanı getirsin istiyorum.

Örnek: İstanbul yazdı en üste istanbulu getirsin diğerlerini gizleyip ama büyük küçük harfe önem vermeden yapmalı bunu nasıl yaparım baya aradım örnek bulamadım.

25-10-2021, 12:36:59

#2

develops

Adalente adlı üyeden alıntı: mesajı görüntüle

Merhaba,

Bir inputum var searc yapmak için altında şehirler var div içinde spanlara yazılmış. search yaptığımda otomatik o spanı getirsin istiyorum.

Örnek: İstanbul yazdı en üste istanbulu getirsin diğerlerini gizleyip ama büyük küçük harfe önem vermeden yapmalı bunu nasıl yaparım baya aradım örnek bulamadım.

Anahtar Kelimen: jQuery Autocomplete

25-10-2021, 12:38:17

#3

Adalente

Buldum bunu ama bir türlü çözümleyemedim yani bulduklarım içinde büyük küçük harfe duyarlı değildi sonuca erişemedim.

develops adlı üyeden alıntı: mesajı görüntüle

Anahtar Kelimen: jQuery Autocomplete

25-10-2021, 13:10:22

#4

Adalente

Aynı hatayı alıyorum. Büyük küçük harf duyarlılığı nasıl çözerim.

Kelimeyi : searchVal ile alıp aratıyorum küçük harfe çevirmeme rağmen istanbul yazan yere İSTANBUL yazınca i Büyük harf diye bulmuyor. bunu nasıl çözerim ?

$('[data-search]').on('keyup', function() {
var searchVal = $(this).val();
var filterItems = $('[data-filter-item]');

if ( searchVal != '' ) {
filterItems.addClass('hidden');
$('[data-filter-item][data-filter-name*="' + searchVal.toLowerCase() + '"]').removeClass('hidden');
} else {
filterItems.removeClass('hidden');
}
});

27-10-2021, 12:47:50

#5

HakanKorkz

Adalente adlı üyeden alıntı: mesajı görüntüle

Aynı hatayı alıyorum. Büyük küçük harf duyarlılığı nasıl çözerim.

Kelimeyi : searchVal ile alıp aratıyorum küçük harfe çevirmeme rağmen istanbul yazan yere İSTANBUL yazınca i Büyük harf diye bulmuyor. bunu nasıl çözerim ?

$('[data-search]').on('keyup', function() {
var searchVal = $(this).val();
var filterItems = $('[data-filter-item]');

if ( searchVal != '' ) {
filterItems.addClass('hidden');
$('[data-filter-item][data-filter-name*="' + searchVal.toLowerCase() + '"]').removeClass('hidden');
} else {
filterItems.removeClass('hidden');
}
});

Hocam en basiti gelen harfleri direkt büyütün yada küçültün uplower fonksiyonu ile sanırım sorununuz çözülür..

27-10-2021, 15:03:35

#6

Adalente

Yok hocam denedim olmadı sadece Büyük İ harfi sorun oluyor.

HakanKorkz adlı üyeden alıntı: mesajı görüntüle

Hocam en basiti gelen harfleri direkt büyütün yada küçültün uplower fonksiyonu ile sanırım sorununuz çözülür..

27-10-2021, 16:50:19

#7

iyovi

@Adalente; Bu kod işini görecektir kendine göre düzenle dostum.

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