Without knowing how you’re populating your combo box, here’s how I would do it:
Use jQuery to capture the form selection:
jQuery('#formElementID').change(function () {//this captures dropdown menu change event
//call js function and pass form value - in my case a post id
fetchTenantWoContactInfo(jQuery('#formElementID').val());
});
Use function to call ajax function to get post info
function fetchTenantWoContactInfo(unitID) {
jQuery.ajax({
type: 'POST',
url: 'http://apexpropertymanagement-me.com/wp-admin/admin-ajax.php',
data: { fgpsnunitID: unitID, action: 'getOccupantsTemplate' },
dataType: 'html',
success: function(data){
jQuery('.current-wo-contact-info').replaceWith('<div class="current-wo-contact-info">' + data + '</div>');
},
});
}
In your functions file add the below php function and return the result. I’m returning mostly post_meta data here but the point is to assemble and echo your content string. Then in the ‘success’ area of your ajax call replace the designated div area in your template. In my case <div class="current-wo-contact-info"></div>
function getOccupantsTemplate_fn() {
global $wpdb;
$occ_ids = get_post_meta( $_POST['fgpsnunitID'], 'fgpsn_property_unit_occupant_id', true );
//echo substr($occ_ids, 0, (strlen($occ_ids)-1) );
//fgpsn_property_unit_occupant_id
if ( isset($occ_ids) && !is_null($occ_ids) && !empty($occ_ids) ) {
if (is_array($occ_ids)) {
$cur_occupants="";
$i = 0;
foreach($occ_ids as $k=>$v) {
if ($v != '') {
$cur_occupants .= get_post_meta( $occ_ids[$i], 'fgpsn_contact_last_name', true ) . ',
' . get_post_meta( $occ_ids[$i], 'fgpsn_contact_first_name', true ) . '<br>
<b>Phone: </b>' . get_post_meta( $occ_ids[$i], 'fgpsn_contact_phone', true ) . '<br>
<b>Email: </b>' . get_post_meta( $occ_ids[$i], 'fgpsn_contact_email', true ) . '<br>
<b>Cell: </b>' . get_post_meta( $occ_ids[$i], 'fgpsn_contact_cell_phone', true ) . '<br>';
$i++;
}
}
} else {
$cur_occupants .= get_post_meta( $occ_ids, 'fgpsn_contact_last_name', true ) . ',
' . get_post_meta( $occ_ids, 'fgpsn_contact_first_name', true ) . '<br>
<b>Phone: </b>' . get_post_meta( $occ_ids, 'fgpsn_contact_phone', true ) . '<br>
<b>Email: </b>' . get_post_meta( $occ_ids, 'fgpsn_contact_email', true ) . '<br>
<b>Cell: </b>' . get_post_meta( $occ_ids, 'fgpsn_contact_cell_phone', true ) . '<br>';
}
}
$cur_occupants = substr( $cur_occupants, 0, (strlen($cur_occupants)-1) );
echo $contacts . $cur_occupants;
//return or print text? html since i dont need to have an array or mehu
//echo $cur_occupants;
}
Finally, you need to give ajax access to your php function.:
add_action('wp_ajax_getOccupantsTemplate', 'getOccupantsTemplate_fn');
add_action('wp_ajax_nopriv_getOccupantsTemplate', 'getOccupantsTemplate_fn');