Без привязки к последовательности размещения
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<select>
<option value="*">Все города</option>
<option value="ms">Москва</option>
<option value="kz">Казань</option>
<option value="sc">Сочи</option>
</select>
<div id="kz">Инфо о Казани</div>
<div id="sc">Инфо о Сочи</div>
<div id="ms">Инфо о Москве</div>
<script>
var div = document.querySelectorAll('div');
document.querySelector('select').onchange=function(){
idSel = this.value;
[].forEach.call(div, function(el){
el.style.display=(idSel=="*"||idSel==el.id)?'block':'none';
});
};
</script>
</body>
</html>