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.
HTML-PHP 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> 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>
