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

Сделайте несколько скрытых дивов на странице, назначьте им айдишники. В селекте опшинам пропишите в значения эти айдишники и отслеживайте событие change() на этих селектах. При наступлении этого события берите текущее значение селекта, скрывайте все дивы и показывайте тот, который оказался выбран.

vasyakrn, вот тут http://jsfiddle.net/br3t/s04kL81q/ можете посмотреть исходник, логику и результат

Там на один селект, а мне нужно на два. Может можно что-то сделать, чтоб мой код остался таким

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

Так у вас тут получается сначала 1 потом 2 выбираем и только потом результат. Лучше аяксом, вдруг потом расширять будите.