Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

2Beğeni
  • 2 Yazan hsntngr

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > PHP

Javascript içerisine nasıl Php kodu eklerim

  #1  
Okunmamış 08 Kasım 2018, 10:10
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 31 Ekim 2017
Yaş / Cinsiyet: 24 / Erkek
Meslek: Bilgi işlem
Konum: Adana
Ad, Soyad: Ca... As...
Mesajlar: 121
Beğeniler: 25 / 33
Ticaret: 0, 0%
Merhabalar arkadaşlar,

Bir adet selectboxım var. Bu selectboxı çoğaltıyorum. Aşağıda görselde görebilirsiniz. İlk selectbox HTML olduğu için Php kodlarını ekleyebiliyorum. Fakat ondan sonrakileri Javascript ile çoğalttığım için selectboxın içerisine nasıl PHP eklerim bilmiyorum.

Yukarıdaki HTML yapım :

HTML Kodu:
<select name="malzeme_adi[]" data-plugin-selectTwo class="form-control populate">
<option value="" selected disabled>Seçiniz</option>
<?php $malzemeler = $db->query("SELECT * FROM dmalzeme") or die(print_r($qr->errorInfo(),1));
//malzemeleri okutalım
foreach ($malzemeler as $id => $malzeme) {
echo "<option value=\"{$kisi['dm_id']}\"";
//kayıt için içeriğin kaydedileceği malzemeyi bulup seçelim
echo (isset($dm_id) && $malzeme['dm_id'] == $dm_id) ? ' selected' : '';
echo ">{$malzeme['dm_ad']}</option>\n";
}
?>
</select>
Buda içine eklemek istediğim Javascript Kodlarım :

Kod:
<script type="text/javascript">
$(window).load(function(){
$(function() {
var scntDiv = $('#malzeme');
var i = $('#malzeme').size() + 1;
$(document).on('click','#addItem', function() {
$('<span><div class="form-group"><label class="col-md-2 control-label">Malzeme</label><div class="col-md-5"><select name="malzeme_adi[]" data-plugin-selectTwo class="form-control populate select2"><option value="AK">Çay</option><option value="HI">Şeker</option></select></div><div class="col-sm-2"><input name="malzeme_miktar[]" type="text" class="form-control" placeholder="Kg / Adet"></div><div class="col-sm-1"><a href="#" type="button" id="delItem"  class="mb-xs mt-xs mr-xs btn btn-sm btn-primary"><i class="fa fa-minus-circle"></i> &nbsp;SİL</a></div></div></span>').appendTo(scntDiv);
i++;
$("select.select2").select2();
return false;
});
$(document).on('click','#delItem', function() {
if( i > 2 ) {
$(this).parents('span').remove();
i--;
}
return false;
});
});
});
</script>
  #2  
Okunmamış 08 Kasım 2018, 10:53
hsntngr Adlı Üyenin Avatarı
Kontör at
 
Üyelik Tarihi: 21 Eylül 2016
Yaş / Cinsiyet: 25 / Erkek
Meslek: Avukat
Konum: Samsun
Ad, Soyad: Ha... Tı...
Mesajlar: 1.091
Beğeniler: 304 / 93
Ticaret: 3, 100%
ve tanrı ajaxı yarattı..

Servera ajax isteği atıp bu bilgileri serverdan alabilirsiniz.

https://developer.mozilla.org/en-US/...XMLHttpRequest

http://api.jquery.com/jquery.ajax/
ismail03 ve MuhammedArslan bunu beğendi.
Konu hsntngr tarafından (08 Kasım 2018, 13:22 ) değiştirilmiştir.
  #3  
Okunmamış 08 Kasım 2018, 13:29
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 31 Ekim 2017
Yaş / Cinsiyet: 24 / Erkek
Meslek: Bilgi işlem
Konum: Adana
Ad, Soyad: Ca... As...
Mesajlar: 121
Beğeniler: 25 / 33
Ticaret: 0, 0%
Alıntı:
hsntngr Adlı Üyeden Alıntı
ve tanrı ajaxı yarattı.. tanrı

Servera ajax isteği atıp bu bilgileri serverdan alabilirsiniz.

https://developer.mozilla.org/en-US/...XMLHttpRequest

http://api.jquery.com/jquery.ajax/
Vallahi çözemedim Ajax bilgim yok açıkçası attıklarınızı inceledim fakat pek bir şey anlayamadım. Birde şuanki javascript bile bana karışık geliyor çünkü javascriptten anlamıyorum sadece kütüphanelerden kod alıyorum.
  #4  
Okunmamış 08 Kasım 2018, 13:59
hsntngr Adlı Üyenin Avatarı
Kontör at
 
Üyelik Tarihi: 21 Eylül 2016
Yaş / Cinsiyet: 25 / Erkek
Meslek: Avukat
Konum: Samsun
Ad, Soyad: Ha... Tı...
Mesajlar: 1.091
Beğeniler: 304 / 93
Ticaret: 3, 100%
Mesela islem.php niz var diyelim. Burada veritabanı ile ilgili, CRUD işlemlerini yapıyoruz. Bu işlem.php ye bir ajax isteği yolluyoruz ve çektiğimiz bilgileri json formatında geri yolluyoruz.

PHP- Kodu:
// JS
data = new FormData();
data.append("islem","malzemeGetir");
data.append("malzeme_id","selected option değeri"// click eventi kurup alırsınız 

$.ajax({
  
type"POST",
  
urlislem.php,
  
datadata,
  
success: (res) => {console.log(res)},
  
dataType"json"
});

// PHP
if($_POST["islem"] == "malzemeGetir"){

$data // read sorgunuz

echo json_encode($data);


gelen yanıtı konsolda görebilirsinz.

Ancak burada dikkat etmeniz gereken, ikinci select form dinamik olarak eklendiği için, normal click eventi çalışmayacaktır. Event delegation yoluna gitmeniz lazım. İnternette bu konular hakkında baya bir kaynak var hocam, bunlardan yararlanabilirsiniz, kolay gelsin
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > PHP


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 10:27.