|
Цитата:
|
|
поддерживает HTML теги?
|
Вообще да, но, я не думаю, что нормально пихать в data* атрибуты html код.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.block {
display: none;
}
.block_active {
display: block;
}
</style>
</head>
<body>
<select id="s">
<option value="0">Выбрать</option>
<option value="1">короткий текст 1</option>
<option value="2">короткий текст 2</option>
</select>
<div id="b_1" class="block">длинный текст 1</div>
<div id="b_2" class="block">длинный текст 2</div>
<script>
document.getElementById('s').onchange = function() {
var block = document.getElementById('b_' + this.selectedIndex),
active = document.querySelector('.block_active');
if (active) {
active.classList.remove('block_active');
}
if (!block) {
return false;
}
block.classList.add('block_active');
}
</script>
</body>
</html>