BTW: I have checked, AFTER I pressed submit to my previous post; there is some good thing, but only by half; in desktop/laptop mode, if the user keep mouse over an option will see displayed the name of the region, in tooltip. In my opinion, forcing the user to keep the mouse over every city/village listed, in order to see the tooltip with region name can be frustrating (atleast when he receive 10-15 cities with same name in dropdown list). On mobile phones there is no tooltip so user is lost, he need to choose from 10 cities with same name, without knowing from which region is that city
I am thinking to export region name near to city/town/village name in dropdown list, this way will be much, much prettier and nice user experience - no more need of tooltip and moreover will be displayed on mobiles too.
Like:
Village (Region)
I have found footer.php, around line 300 the line called by ajax and which populate the dropdown list when user search for an city/village, and I modified:
FROM (original):
result += '<div class="option ' + data[key].type + selectedClass + '" data-country="' + country_code + '" data-region="' + region_id + '" data-city="' + city_id + '" data-code="' + data[key].type + id + '" id="' + id + '" title="' + nameTop + '"><strong>' + data[key].name + '</strong></div>';
TO:
result += '<div class="option ' + data[key].type + selectedClass + '" data-country="' + country_code + '" data-region="' + region_id + '" data-city="' + city_id + '" data-code="' + data[key].type + id + '" id="' + id + '" title="' + nameTop + '"><strong>' + data[key].name + ' (' + nameTop + ')' + '</strong></div>';
Now it looks like in picture attached, I hope can help others who face same issue (atleast users from my country)