Динамик. селекторы

В общем, есть заготовка в виде js-кода с зависимыми селекторами.
Нужно, чтобы после двух выбранных селекторов (все зависит от выбранного второго селектора)
Выбрал человек 1 саб и сопротивление 1+1, появляется одна картинка или текст
Выбрал 1 саб и сопротивление в 1 Ом, появляется другая картинка или текст.
C меня пиво на визу/мастер-кард.

Вот сам код: http://pastebin.com/Le7zgWKq

 

проверил - работает, с Вас "симпатия" что показывать выбирается по id - это может быть любой объект, просто скройте его вначале.

<script>

var obj = 0;

function izmen() {

var content = '<option value="0" data-id="0">Сначала выберите количество динамиков</option>';
if (document.getElementById('master1').value > 0) {

content += '<option value="1">2 Ом</option>';
content += '<option value="2">4 Ом</option>';
content += '<option value="3">8 Ом</option>';
// content += '<option value="4">0,7+0,7 Ом</option>';
content += '<option value="4">1+1 Ом</option>';
content += '<option value="5">2+2 Ом</option>';
content += '<option value="6">4+4 Ом</option>';​

}
document.getElementById('master2').innerHTML = content;​

}

function show_obj() {

if ((obj != 0) && (obj != null)) {

obj.style.display = 'none';​

}
obj = document.getElementById('obj' + document.getElementById('master1').value + '_' + document.getElementById('master2').value);
if ((obj != 0) && (obj != null)) {

obj.style.display = 'block';​

}​

}​

</script>
<form name="calcForm">

<select name="master1" id="master1" size="1" onchange="izmen()">

<option value="0">Выберите количество динамиков</option>
<option value="1">1 Сабвуфер</option>
<option value="2">2 Сабвуфера</option>
<option value="3">3 Сабвуфера</option>​

</select>
<br/>
<select name="master2" size="1" id="master2" onchange="show_obj();">

<option value="0">Сначала выберите количество динамиков</option>​

</select>​

</form>
<img alt="obj1_1" id="obj1_1" style="display: none;"/>
<img alt="obj1_2" id="obj1_2" style="display: none;"/>
<div id="obj1_3" style="display: none;">1-3</div>
<span id="obj2_1" style=display: none;">2_1</span>
<img alt="obj2_2" id="obj2_2" style="display: none;"/>
<img alt="obj2_3" id="obj2_3" style="display: none;"/>
<img alt="obj3_1" id="obj3_1" style="display: none;"/>
<img alt="obj3_2" id="obj3_2" style="display: none;"/>
<img alt="obj1_5" id="obj3_5" style="display: none;"/>

 

Только вот второй селектор, после выбора первого селектора не работает :/
http://agr-studio.ru/docs/about/js.html

 

Понял... Это из-за того, что при копировании из данной темы заменяются символы на коды и фигня выходит. Сейчас скопирую куда-то и дам ссылку.

--- Добавлено, 26 июн 2014 ---

http://vikprint.com.ua/test.html - вот рабочий пример, можете просто сохранить страницу и потом посмотреть код.