Javascript içerisine nasıl Php kodu eklerim

[4everturk]

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 :

<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 :

<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>

[hsntngr]

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/

[4everturk]

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.

[hsntngr]

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") // change eventi kurup alırsınız 

$.ajax({
  type: "POST",
  url: islem.php,
  data: data,
  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