Selecting a region and locality from the list (DB), highlighting the map and us. items (svg). How to make friends?

Question

MySQL

SVG-map:
- And there are 5 districts, their id and styles, which I can change with hover

<path d="***" id="1_rc" *** style="fill:#3fd2df;fill-opacity:1;stroke:none" />

- And there are 5 district centers, which are indicated by default with dots:

<path d="***" id="3_1"  **** style="fill:#5b5c61;fill-opacity:1" />

- And their names, which are hidden by default:

<text xml:space="preserve" style="***;fill-opacity:0;***" *** id="rcnb" ****>
<tspan sodipodi:role="line" id="rcnb4_1" ***
           style="font-size:2.5px">Новобелокатай</tspan>
</text>

- Х.Т of the settlements indicated on the map by dots, which are hidden by default with the corresponding id, consistent with those in the database:

<path d="***" id="2_8" *** style="fill:#5b5c61;fill-opacity:0" /><path

Displaying a list of districts and in sub-points - their settlements:
All id in the database are consistent with the corresponding areas on the map and settlements for highlighting when choosing from the list . I will display them through drop-down lists.
Question:
How to do it? - highlighting the corresponding areas on the map? Is it possible only with css? If you need JS, then tell me the code, I will adapt to it myself ... not a programmer, alas, but I need it. Thank you!

Answer 1

1. Take at least jQuery and change the opacity for the desired region
2. We throw everything into a landfill, we take normal "maps" - since there are a lot of them, we do them.
But it takes a bit of programming :(