Cevap Yaz Favorilerime Ekle |
Seçenekler | Stil |
|
![]() |
![]() |
![]() Javascript içerisine nasıl Php kodu eklerim |
#1
|
|||
|
|||
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> 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> 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
|
||||
|
||||
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/
Konu hsntngr tarafından (08 Kasım 2018, 13:22 ) değiştirilmiştir.
|
#3
|
|||
|
|||
Alıntı:
|
#4
|
||||
|
||||
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:
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
Konu hsntngr tarafından (01 Aralık 2018, 18:32 ) değiştirilmiştir.
|
Cevap Yaz Favorilerime Ekle |
Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi) | |
Seçenekler | |
Stil | |
|
|
|