Add Delete New Textbox
Copy Below Code
View As A Text File
Show Text Only
Show API
Edit Code
<?php $heading='Timing';$name='timing';?>
<div id="more_textbox">
<?php
$timingArr=json_decode(getMetaData('timing'));
$cnt=0;
foreach($timingArr as $key=>$val){?>
<div class="row" id="p<?php echo $cnt;?>" style="margin-bottom:10px;">
<div class="col-sm-4 text-right"><?php echo $heading;?>:</div>
<div class="col-sm-6"><input class="form-control" type="text" name="<?php echo $name;?>[]" value="<?php echo $val;?>"></div>
<div class="col-sm-2 text-left"><a href="javascript:;" class="btn btn-sm btn-danger" onClick="remove_textbox_element('<?php echo $cnt;?>');">-</a></div></div>
<?php $cnt++;}?>
</div>
<div class="row" style="margin-bottom:20px;">
<div class="col-sm-4"></div>
<div class="col-sm-6"></div>
<div class="col-sm-2 text-left"><a href="javascript:;" class="btn btn-sm btn-info" onClick="add_textbox('<?php echo $heading;?>','<?php echo $name;?>');">+</a></div></div>
/////////////////////////////////////////////////////////////////////////////
///JS
////////////////////////////////////////////////////////////////////////////
function add_textbox(heading,name){
var size=$("#more_textbox div.row").size();
$("#more_textbox").append('<div id="p'+size+'" class="row" style="margin-bottom:10px;"><div class="col-sm-4 text-right">'+heading+':</div><div class="col-sm-6"><input class="form-control" type="text" name="'+name+'[]" value=""></div><div class="col-sm-2 text-left"><a href="javascript:;" class="btn btn-sm btn-danger" onClick="remove_textbox_element(\''+size+'\');">-</a></div></div>');
}
function remove_textbox(){
var size=$("#more_textbox div.row").size();
if(size>1){
$("#more_textbox div.row").last().remove();
}
}
function remove_textbox_element(pos){
$("#p"+pos).remove();
}