select ve input değerlerini alıp anlık sorgulama

02-08-2022, 10:14:37

Merhaba sizlere bir konu hakkındadanışmak istiyorum.
Elimde bir depo var sayalım deponun içinde ürünler olsun.bu ürünlerinde stok miktarı var.
1 adet select var bu kısımda depolarım var.
1 adet de inputum var bu alanda ürünlerimin id sini çekiyorum( autocomplete ile verileri çekiyorum.)
burda hem depoyu seçip hemde ürün id girip ,stokta kaç adet ürün kalmış anlık olarak ekrana yazılmasını istiyorum.
bu arada ajax,jquery bilgim yok denecek kadar azdır.

02-08-2022, 10:17:04

#2

velmut

Sayfa yenilemeden işlem yaptırmak istiyorsanız ajax,jquery bilginizin olması şarttır. Ajax ile verileri gönderip php tarafında sorgu gerçekleştirdikten sonra sonucu dönmeniz gerekiyor.

02-08-2022, 10:19:57

#3

omrumdely

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

Sayfa yenilemeden işlem yaptırmak istiyorsanız ajax,jquery bilginizin olması şarttır. Ajax ile verileri gönderip php tarafında sorgu gerçekleştirdikten sonra sonucu dönmeniz gerekiyor.

hocam şöyle kod buldum ama

$("select").on("change", function(e) { // select içerisinde seçim yapıldığında
var val = $(this).val(); //select ile seçilen değer
$.ajax({
url: "post.php", // php kodlarının olduğu dosya
type: "POST",
data: {val: val},
success: function(data) {
$("#sonuc").html(data); // sonuc id li bir dive php tarafından gelen cevabı yazdırıyor. Bir nevi echo.
}
});
});

sadece select verilerileri işlem yapıyor.

02-08-2022, 11:44:16

#4

velmut

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

hocam şöyle kod buldum ama

$("select").on("change", function(e) { // select içerisinde seçim yapıldığında
var val = $(this).val(); //select ile seçilen değer
$.ajax({
url: "post.php", // php kodlarının olduğu dosya
type: "POST",
data: {val: val},
success: function(data) {
$("#sonuc").html(data); // sonuc id li bir dive php tarafından gelen cevabı yazdırıyor. Bir nevi echo.
}
});
});

sadece select verilerileri işlem yapıyor.

Hem php tarafında hep ajax tarfında 2 tane veriyi işlemeniz gerekiyor. Mantığı bilmeden kod bularak yapabileceğiniz bir konu değil.

02-08-2022, 11:44:46

#5

onurkckkls

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

hocam şöyle kod buldum ama

$("select").on("change", function(e) { // select içerisinde seçim yapıldığında
var val = $(this).val(); //select ile seçilen değer
$.ajax({
url: "post.php", // php kodlarının olduğu dosya
type: "POST",
data: {val: val},
success: function(data) {
$("#sonuc").html(data); // sonuc id li bir dive php tarafından gelen cevabı yazdırıyor. Bir nevi echo.
}
});
});

sadece select verilerileri işlem yapıyor.

$("select") olduğu için, jQuery kodu $('selector')'dur selector kısmına ne yazarsan "on('change' ..." ondaki değişimleri takip eder. CSS seçicilerini kullanabilirsin.
Değişince işlem yapmasını istediğin input'a bir id tanımla jquery kodunu $('#inputId') olarak güncelle kod çalışacaktır.

02-08-2022, 12:16:42

#6

omrumdely

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

$("select") olduğu için, jQuery kodu $('selector')'dur selector kısmına ne yazarsan "on('change' ..." ondaki değişimleri takip eder. CSS seçicilerini kullanabilirsin.
Değişince işlem yapmasını istediğin input'a bir id tanımla jquery kodunu $('#inputId') olarak güncelle kod çalışacaktır.

$("select").on("change", function(e) { // select içerisinde seçim yapıldığında
var val = $(this).val(); //select ile seçilen değer
var input = $("#input").val();



$.ajax({
url: "post.php", // php kodlarının olduğu dosya
type: "POST",
data: {val: val,
input:input},
success: function(data) {
$("#sonuc").html(data); // sonuc id li bir dive php tarafından gelen cevabı yazdırıyor. Bir nevi echo.
}
});


});

böyle bişey yaptım , select seçim yapıyorum veri geliyor inputu seçim yapıyorum veri gelmiyor tekrar select yapınca veri geliyor.

02-08-2022, 12:48:48

#7

onurkckkls

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

$("select").on("change", function(e) { // select içerisinde seçim yapıldığında
var val = $(this).val(); //select ile seçilen değer
var input = $("#input").val();



$.ajax({
url: "post.php", // php kodlarının olduğu dosya
type: "POST",
data: {val: val,
input:input},
success: function(data) {
$("#sonuc").html(data); // sonuc id li bir dive php tarafından gelen cevabı yazdırıyor. Bir nevi echo.
}
});


});

böyle bişey yaptım , select seçim yapıyorum veri geliyor inputu seçim yapıyorum veri gelmiyor tekrar select yapınca veri geliyor.

Çünkü select'in değişmesi ile tetikleniyor.
Koddaki ilk satırı:
İkisi de değişince çalışması için:
$("select, input").on("change", function(e) {
Sadece input değişince çalışması için:
$("input").on("change", function(e) {
olarak değiştirin.

Inputlarda değişme tetiklemesi içeriği değiştirip o kutucuğu bıraktığınızda olur. Yazarken de değişmesini istiyorsanız.
$("input").on("change keyup", function(e) {
kullanabilirsiniz.