Back

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(); }