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

[repacksman]

Мне нужно сделать два селекта, и когда выбрал из них нужные значения, нажимаешь но кнопку - показывается произвольный текст. На деле должно выглядеть вот так Для просмотра ссылки Войди или Зарегистрируйся . Как такое можно реализовать, желательно без перезагрузок, чтоб весь код и возможные тексты на одной странице.

 

[Girt]

Для просмотра ссылки Войди или Зарегистрируйся

 

[repacksman]

Для просмотра ссылки Войди или Зарегистрируйся

Неохота лишнюю библиотеку подключать. Может так что-то получится сделать. Вот мой код

<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="Генерирувать">

 

[xoxmo]

Неохота лишнюю библиотеку подключать. Может так что-то получится сделать. Вот мой код

<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="Генерирувать">

как-то так: Для просмотра ссылки Войди или Зарегистрируйся