Имеет несколько select-элементов в форме такого вида
с соответствующим кодом:
<label for="districts"></label>
<select multiple="multiple" id="districts" name="districts">
<option value="191"></option>
<option value="195"></option>
...
</select>
<label for="region"></label>
<select multiple="multiple" id="region" name="region">
<option value="191"></option>
<option value="195"></option>
...
</select>
<label for="city"></label>
<select multiple="multiple" id="city" name="city">
<option value="191"></option>
<option value="195"></option>
...
</select>
Подскажите, пожалуйста, как затемнить/сделать неактивными прочие select-элементы при работе с одним, пример на картинке. Соответственно, если элемент не выбран в select, прочие select'ы снова становятся активны