Задать вопрос
@a9332

Все сложно — JavaScript, или что я делаю не так?

Есть выпадающий список.
При активации пункта из списка отображается определенный текст.
Если выбрать один пункт, а затем выбрать другой (не по порядку), то первый не исчезает.
Как заставить пункты из предыдущего выбора исчезнуть?
<script>
    function showBlock(val){
        document.getElementById('id1').style.display='none';
        document.getElementById('id2').style.display='none';
        document.getElementById('id3').style.display='none'; 
        document.getElementById('id4').style.display='none';
        document.getElementById('id5').style.display='none';
        document.getElementById('id6').style.display='none'; 
        document.getElementById('id7').style.display='none';
        document.getElementById('id8').style.display='none';
        document.getElementById('id9').style.display='none'; 
        document.getElementById('id10').style.display='none';
        document.getElementById('id11').style.display='none';
        document.getElementById('id12').style.display='none'; 
        document.getElementById('id24').style.display='none';
        document.getElementById('id'+val).style.display='block';        
    }
</script>
<style>
    #id1, #id2, #id3, #id4, #id5, #id6,#id7,#id8,#id9,#id10,#id11,#id12,#id24{display:none}   
</style>
<select name="items" onchange="showBlock(this.value)">
    <option value="0">--</option>
    <option value="1">1 месяц</option>
    <option value="2">2 месяца</option>
    <option value="3">3 месяца</option>
    <option value="4">4 месяца</option>
    <option value="5">5 месяцев</option>
    <option value="6">6 месяцев</option>
    <option value="7">7 месяцев</option>
    <option value="8">8 месяцев</option>
    <option value="9">9 месяцев</option>
    <option value="10">10 месяцев</option>
    <option value="11">11 месяцев</option>
    <option value="12">12 месяцев</option>
    <option value="24">24 месяца</option>
</select><br><br>

<div id="id1»>текст</div>
<div id="id2»>текст</div>
<div id="id3»>текст</div>
<div id="id4»>текст</div>
<div id="id5»>текст</div>
<div id="id6»>текст</div>
<div id="id7»>текст</div>
<div id="id8»>текст</div>
<div id="id9»>текст</div>
<div id="id10»>текст</div>
<div id="id11»>текст</div>
<div id="id12»>текст</div>
<div id="id24»>текст</div>
  • Вопрос задан
  • 476 просмотров
Подписаться 1 Простой 4 комментария
Ответ пользователя Stalker_RED К ответам на вопрос (2)
Stalker_RED
@Stalker_RED
Ответ написан
Комментировать