Hi
Thanks for the answer,
I’ve followed your advice and just optimized it.
in the file job-board-manager-locations/assets/admin/js/scripts.js
jQuery(document).ready(function($)
{
$("#job_bm_location").attr('autocomplete','off');
$("#job_bm_location").wrap("<div id='location-list-wrapper'></div>");
$("#location-list-wrapper").append("<div id='location-list'></div>");
$(document).on('keyup', '#job_bm_location', function()
{
var name = $(this).val();
name = name.split(',');
name = name[name.length-1];
console.log(name);
if(name=='' || name == null){
$("#location-list").html('<div value="" class="item">Start Typing...<div>');
}
else{
$.ajax(
{
type: 'POST',
context: this,
url:job_bm_locations_ajax.job_bm_locations_ajaxurl,
data: {"action": "job_bm_locations_ajax_job_location_list", "name":name,},
success: function(data)
{
$("#location-list").html(data);
}
});
}
})
$(document).on('click', '#location-list .item', function(){
var oldval = $('#job_bm_location').val();
var inputVal = oldval.split(',');
var newVal ='';
for (var i = 0; i < inputVal.length-1; i++) {
if (newVal=='') {
newVal = inputVal[i];
}else{
newVal = newVal+','+inputVal[i];
}
}
var name = $(this).attr('location-data');
if (newVal=='') {
newVal = name;
}else{
newVal = newVal+','+name;
}
$("#job_bm_location").val(newVal);
})
});
So, if I write a comma after the text it browses again into all locations post, and i can choose one.
And to display i’ve done this in job-board-manager/templates/job-single-sidebar.php
if(!empty($job_bm_location)){
$job_bm_location = split(',', $job_bm_location);
foreach ($job_bm_location as $location) {
$html_about_company .= '<div itemprop="jobLocation" itemscope itemtype="https://schema.org/Place" class="side-meta location"><i class="fa fa-map-marker"></i> '.$location.'</div>';
}
}
Now, i just have to look at my ajax research to make it work with this
hope it can help somebody ??