Есть связанные выпадающие списки и во втором списке к первому присвоен class. Как сделать чтобы скрипт js выполнялся только при определенном значении class? Эти 2 кода(выпадающий список и JS код с выводом актуальной даты) по отдельности все рабочие. Мне же нужно сделать связку чтобы если я выбирал определенное значение во втором выпадающем списке(допустим с class="chiv"), то 2(который JS) код начинал работать и выводил свою картинку(в итоге должно показывать два изображения, одно от выпадающего списка и одно от JS кода). Если же с другим class, то JS код бы просто пропускался.
<select id="programming">
<option value="">...</option>
<option value="chiv">Животные</option>
<option value="ptic">Птицы</option>
<option value="rast">Растения</option>
</select>
<select id="categories">
<option value="">...</option>
<option value="img\зебра.jpg" class="chiv">Зебра</option>
<option value="img\лев.jpg"class="chiv">Лев</option>
<option value="img\аист.jpg" class="ptic">Аист</option>
<option value="img\дуб.jpg" class="rast">Дуб</option>
</select>
И вот JS код
<script type="text/javascript" language="javascript">
now = new Date()
if (now.getDay() == 0)
document.write("<div id='rectangleCP'><div id='text'>TODAY</div>")
if (now.getDay() == 1)
document.write("<div id='rectanglePN'><div id='text'>TODAY</div>")
if (now.getDay() == 2)
document.write("<div id='rectangleBT'><div id='text'>TODAY</div>")
if (now.getDay() == 3)
document.write("<div id='rectangleCP'><div id='text'>TODAY</div>")
if (now.getDay() == 4)
document.write("<div id='rectangleCHT'><div id='text'>TODAY</div>")
if (now.getDay() == 5)
document.write("<div id='rectanglePT'><div id='text'>TODAY</div>")
if (now.getDay() == 6)
document.write("<div id='rectangleSB'><div id='text'>TODAY</div>")
</script>