Подгрузка данных из списка

Есть какой то выпадающий список

HTML:

1. <select>
2. <option>A</option>
3. <option>B</option>
4. <option>C</option>
5. <option>D</option>
6. </select>

и какой то скрытый блок <div> с информацией.

Как можно сделать, чтобы при выборе например из списка пункта C или D, автоматически появлялся этот блок.

 

Сделал вот так

[js]<SCRIPT language="javascript">
function showdiv(value) {
document.getElementById('mydiv').style.display= (value ? '' : 'none');
}
</script>[/js]

HTML:

1. <select>
2. <option>Выберите категорию</option>
3. <option onchange='showdiv(this.value)'>Блог компании World Programs2</option>
4. <option onchange='showdiv(this.value)'>Блог компании World Programs3</option>
5. <option>Блог компании World Programs</option>
6. </select>
7.  
8. <div id="mydiv" style="display:none">Блог World Programs</DIV>

Все равное не работает

 

К сожалению никаких ошибок не выводил, вообще ничего не происходило.
Переделал код так

[js]<script language="javascript">
function showdiv(value) {
document.getElementById('mydiv').style.display= (value ? '' : 'none');
}
</script>[/js]

HTML:

1. <H1>Раскрытие блока при клике на ссылку</H1>
2. <select>
3. <option>Выберите категорию</option>
4. <option onclick='showdiv(this.value)'>A</option>
5. <option onclick='showdiv(this.value)'>B</option>
6. <option>C</option>
7. </select>
8.  
9. <div id="mydiv" style="display:none">C</DIV>

При выборе пункта A или B див теперь появляется, а как сделать, что бы при выборе C он опять пропадал?

 

Мне необходимо что бы при выборе пунктов A и B появлялся див, а при выборе C он опять скрывался.
В вашем случае, при выборе любого пункта, див появляется.

 

Сделал это вот так:

Код (Text):

1.  
2. <style>
3. #box1 {
4. display:none;
5. }
6. </style>
7.  
8. <script language="javascript" src="jquery-1.4.2.min.js"></script>
9. <script language="JavaScript" type="text/javascript">
10. jQuery(function()
11. {
12. jQuery('.q1').click(function()
13. {
14. jQuery('#box1').slideDown(100);
15. });
16.  
17. jQuery('.q2').click(function()
18. {
19. jQuery('#box1').slideUp(100);
20. });
21. });
22.  
23. </script>
24.  
25. <select name="">
26. <option class ="q2">AAAAA</option>
27. <option class ="q1">BBBBB</option>
28. <option class ="q1">CCCCC</option>
29. <option class ="q2">DDDDD</option>
30.  
31. </select>
32.  
33. <div id="box1">Тут какой то текст</div>

Вопрос закрыт, всем спасибо за помощь

 

Тот вариант который вы мне предложили - проще, но я не знал, как при выборе другого пункта скрыть див. К сожалению Jscrips я знаю плохо. Почитал уроки по jquery, сделал по аналогии, в принципе очень простой код получился.

 

Что вы имеете в виду? Почему не прописаны value, name? Это был не рабочий код, просто для примера, значения не важны в данном случае, меня интересовал результат.