Currently I have a PHP file and a .js file. In my PHP file I have div class called wrapper_tab-content. Now the code for this is present in my js file which shows the following code:
$(document).ready(function() {
portalarray = new Array();
$('input.checkbox').change(function(){
portalname = $(this).attr('data-name'); pid= $(this).attr('id');
if ($(this).is(':checked')) {
portalarray.push(pid);
$(".wrapper_tab-content").append('<div class="portalcontent content--active" id="'+pid+'"><div class="col-md-12 text-left">
<label class="control-labels ">Title</label><input id="'+pid+'" name="'+portalname+'" placeholder="'+portalname+' Title" type="text"></div></div>');
}else {
$(".portaltabs .container--tabs li#"+pid).remove();
$(".wrapper_tab-content #"+pid).remove();
tabslength = $(".wrapper_tab-content").length;
}
});
});
Now I have to enter the property title inside value attribute that I can get by using <?php get_portals[0]['property_title'] ?> inside my .js file for which I'm assuming there needs to be an AJAX call being made?