Добрый день! У меня есть такая задача: при выборе option
, скажем <option value="1">Россия</option>
, нужно, чтобы блок .block
скрывался, а блок .block-rus
становился доступным. При выборе любого другого option
- наоборот. При этом в коде, который я представил, изменения производить не могу (например, option
присвоить id
), доступно только value
. Подскажите, пожалуйста, как можно это сделать? Благодарю!
.block-rus {
display: none;
}
<select data-placeholder="" name="catlist[]" id="category" onchange="onCategoryChange(this)">
<option value="0"></option>
<option value="1">Россия</option>
<option value="2">Украина</option>
<option value="3">Белоруссия</option>
</select>
<div class="block">Текст открытый</div>
<div class="block-rus">Скрытый текст</div>