Выполнение <script> При определенном class
 

Есть связанные выпадающие списки и во втором списке к первому присвоен 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>