Контент в зависимости от выбранного селекта

repacksman

Участник
Регистрация
12 Июн 2012
Сообщения
154
Реакции
4
Мне нужно сделать два селекта, и когда выбрал из них нужные значения, нажимаешь но кнопку - показывается произвольный текст. На деле должно выглядеть вот так Для просмотра ссылки Войди или Зарегистрируйся . Как такое можно реализовать, желательно без перезагрузок, чтоб весь код и возможные тексты на одной странице.
 
Неохота лишнюю библиотеку подключать. Может так что-то получится сделать. Вот мой код

HTML:
<select class="info-ruler">
    <option value="a">Info 1</option>
    <option value="b">Info 2</option>
    <option value="с">Info 3</option>
</select>

<select class="info-ruler">
    <option value="1">Info 1</option>
    <option value="2">Info 2</option>
</select>

<div class="info" id="a-1">Information block 1</div>
<div class="info" id="a-2">Information block 2</div>
<div class="info" id="b-1">Information block 4</div>
<div class="info" id="b-2">Information block 5</div>
<div class="info" id="c-1">Information block 6</div>
<div class="info" id="c-2">Information block 7</div>

<input type="submit" value="Генерирувать">
 
Неохота лишнюю библиотеку подключать. Может так что-то получится сделать. Вот мой код

HTML:
<select class="info-ruler">
    <option value="a">Info 1</option>
    <option value="b">Info 2</option>
    <option value="с">Info 3</option>
</select>

<select class="info-ruler">
    <option value="1">Info 1</option>
    <option value="2">Info 2</option>
</select>

<div class="info" id="a-1">Information block 1</div>
<div class="info" id="a-2">Information block 2</div>
<div class="info" id="b-1">Information block 4</div>
<div class="info" id="b-2">Information block 5</div>
<div class="info" id="c-1">Information block 6</div>
<div class="info" id="c-2">Information block 7</div>

<input type="submit" value="Генерирувать">
как-то так: Для просмотра ссылки Войди или Зарегистрируйся
 
Назад
Сверху