Jquery birden fazla butonun bir value döndürmesi
Merhabalar,
Projem için jquery ile bir sepet yapmam gerekli ve bu sepeti yaparken div içerisinde verileri getirebiliyorum.gelen verilerin hepsi farklı ıd değerine sahip ama
kod ile eişmeye çalıştığımda
html
<div>
<input type="hidden" name="producecode" class="pdcode" value="{{per.produceCode}}" />
<input type="hidden" name="useremail" class="uponequantity" value="{{user.username}}" />
<button class="btn btn-sm btn-primary" onclick="upoq()"><i class="fa fa-plus"></i></button>
</div>
jquery
$(".up").click(function(){
console.log($(".prdtd").find("input:first-child").attr("value"));
console.log($(".uponequantity").val());
$.ajax({
type: "POST",
url: "/uponequantity/",
headers: { "X-CSRFToken": '{{csrf_token}}' },
data: {
"producecode":$(".pcode").val(),
"useremail":$(".uponequantity").val(),
},
success: function() {
console.log('success');
}
});
})
kodunu yazdığım zaman tek bir ıd dönüyor her buton için
sorunu nasıl çözebilirim?
değer almanın çok sayıda yolu var. bu şekilde çok sayıda değer gönderecek isen, yanlış bir yaklaşım.
$('div').serialize();
bu seçili alan içerisinde yer alan tüm form elemanları seçerek tek bir veri haline getirir. php tarafından $_POST["name"] şeklinde iletilenlere teker teker ulaşabilirsin.
kısaca, divine bir id veya clas ver ve serialize ederek ajaxa bildir.
örnek
var data = $('div').serialize();
$.ajax({
type: "POST",
url: "/uponequantity/",
headers: { "X-CSRFToken": '{{csrf_token}}' },
data: data
});