Выпадающий список
Добрый день уважаемые форумчане. Возникла следующая проблема. Необходимо написать выпадающий список так, чтобы при нажатии на определённый пункт появлялась картинка. Приведу пример.
<form method='post' action='banner.php' enctype='multipart/form-data' > Image :<SELECT name="subject"> <OPTION value="1">название картинки 1</OPTION> <OPTION value="2">название картинки 2</OPTION> <OPTION value="3">название картинки 3</OPTION> </SELECT> </form> Допустим, я выбираю "название картинки 1" и рядом с выпадающим списком появляется картинка одна, выбираю пункт "название картинки 2", появляется другая картинка и т.д. Т.е., чтобы страница динамически менялась со стороны клиента без перезагрузки. Я в Javascript пока слабо разбираюсь (в основном пишу на php+mysql) подскажите, как это реализовать. Вряд ли для разбирающегося это будет сложно. |
<select id="select" onchange="selectImage()">
<option value="image1.gif">inage1.gif</option>
<option value="image2.gif">inage2.gif</option>
<option value="image3.gif">inage3.gif</option>
</select>
<script type="text/javascript">
function selectImage() {
var select = document.getElementById('select');
var name = select.options[select.selectedIndex].value;
alert('Будет загружена картинка из "' + name + '"');
}
</script>
|
| Часовой пояс GMT +3, время: 17:46. |