lostyazilim
tr.link

Ajax selectpicker ile veri gönderme sorunum Yardım

4 Mesajlar 928 Okunma
acebozum
tr.link

ajansmesut ajansmesut WM Aracı Kullanıcı
  • Üyelik 15.08.2014
  • Yaş/Cinsiyet 48 / E
  • Meslek Reklam-Webmaster
  • Konum Ankara
  • Ad Soyad M** N**
  • Mesajlar 114
  • Beğeniler 21 / 10
  • Ticaret 0, (%0)
Arkadaşlar merhaba, input checkbox ile ajax yordamı ile sayfa yenilemeden veriyi post edebiliyor ve istediğim işlemi yapıyor ancak benim için multi selectbox kullanımı önemli ve selectpicker ile aynı js kodlarını sınıflarını vs düzenleyerek çalıştırmak istiyorum ama beceremedim. Yardımcı olursanız minnettar kalırım. şimdi select yapım şu şekilde:



çalıştırmak istediğim JS kodları ise şöyle:


filter_data();

function filter_data()
{
$('.filter_data').html('
');
var action = 'fetch_data';

var dep = get_filter('dep');
$.ajax({
url:"fetch_data.php",
method:"POST",
data:{action:action, dep:dep},
success:function(data){
$('.filter_data').html(data);
}
});
}

function get_filter(class_name)
{
var filter = [];
$('.'+class_name+'option:selected').each(function(){
filter.push($(this).val());
});
return filter;
}

$('.selectpicker').change(function(){
filter_data();
});



Nerede hata yapıyorum "dep" isimli verileri post edemiyorum. Söz konusu input checkboxlar olunca şu kodlarlarla ilgili classı çalıştırıyor

function get_filter(class_name)
{
var filter = [];
$('.'+class_name+':checked').each(function(){
filter.push($(this).val());
});
return filter;
}

$('.common_selector').click(function(){
filter_data();
});


Yardımlarınızı rica ederim.
 

 

Dünya Koca bir YALAN.. İnanmak isteyene..!
elektronikssl
webimgo

srkn12 srkn12 PHP - Javascript - Java Kullanıcı
  • Üyelik 28.03.2018
  • Yaş/Cinsiyet 27 / E
  • Meslek Bilişim
  • Konum Denizli
  • Ad Soyad S** K**
  • Mesajlar 411
  • Beğeniler 67 / 90
  • Ticaret 0, (%0)
Hocam fonksiyonu yanlış yerde çalıştırıyorsun. Kodlar yukarıdan aşağı doğru derlendiği için fonksiyon tanımlandıktan sonra çalıştırmanız gerekiyor.




<script>



function filter_data()
{
$('.filter_data').html('
');
var action = 'fetch_data';

var dep = get_filter('dep');
$.ajax({
url:"fetch_data.php",
method:"POST",
data:{action:action, dep:dep},
success:function(data){
$('.filter_data').html(data);
}
});
}

function get_filter(class_name)
{
var filter = [];
$('.'+class_name+'option:selected').each(function(){
filter.push($(this).val());
});
return filter;
}

$('.selectpicker').change(function(){
filter_data();
});


filter_data(); // Doğru yer burası

</script>

 

 

ajansmesut ajansmesut WM Aracı Kullanıcı
  • Üyelik 15.08.2014
  • Yaş/Cinsiyet 48 / E
  • Meslek Reklam-Webmaster
  • Konum Ankara
  • Ad Soyad M** N**
  • Mesajlar 114
  • Beğeniler 21 / 10
  • Ticaret 0, (%0)
fonksiyonun çalışmasında bi sıkıntı yok selectbox onchange olduğunda filter data fonksiyonunu çalıştırıyor yani verilere göre filitre ediyor ancak filitre edilecek veri olan ".selectpicker dep" classından diğer sayfa olan fetch_data sayfasına veriyi post etmiyor veriyi post etmeyecincede filitre edilemiyor.
 

 

Dünya Koca bir YALAN.. İnanmak isteyene..!

ajansmesut ajansmesut WM Aracı Kullanıcı
  • Üyelik 15.08.2014
  • Yaş/Cinsiyet 48 / E
  • Meslek Reklam-Webmaster
  • Konum Ankara
  • Ad Soyad M** N**
  • Mesajlar 114
  • Beğeniler 21 / 10
  • Ticaret 0, (%0)
function get_filter(class_name)
{
var filter = [];
$('.'+class_name+'option:selected').each(function(){
filter.push($(this).val());
});
return filter;
}

satırında ki class name'yi değiştirerek sorunumu çözdüm.
 

 

Dünya Koca bir YALAN.. İnanmak isteyene..!
wmaraci
wmaraci
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al