При выборе пункта из списка в Combobox вставка картинки в элемент div на странице

15.11.2011, 17:24. **Показов** 1869. **Ответов** 1

Author24 — интернет-сервис помощи студентам

Не могу найти как реализовать данную задачку....помогите плиз

@GuardCat · 15.11.2011, 17:54

Вот код и разметка:

Javascript

<html>
    <body>
        <select id = "planets" onchange = "showImage(this)">
            <option value = "" selected>Выберите планету</option>
            <option value = "01.jpg">Меркурий</option>
            <option value = "02.jpg">Венера</option>
            <option value = "03.jpg">Земля</option>
            <option value = "04.jpg">Марс</option>
            <option value = "05.jpg">Юпитер</option>
            <option value = "06.jpg">Сатурн</option>
            <option value = "07.jpg">Уран</option>
            <option value = "08.jpg">Нептун</option>
            <option value = "09.jpg">Плутон</option>
        </select>
        <div id = "monitor"></div>
        <script type = "text/javascript">
            function showImage(sel) {
                var img = document.createElement("img");
                var div = document.getElementById("monitor");
                div.innerHTML = "";
                if (sel.value) {
                    img.src = sel.value
                    div.appendChild(img);
                }
            }
        </script>
    </body>
</html>

Во вложении этот же файл вместе с картинками. Распакуйте содержимое в одну папку и откройте html-файл.

Woloshin
		1
	При выборе пункта из списка в Combobox вставка картинки в элемент div на странице 15.11.2011, 17:24. Показов 1869. Ответов 1 Метки нет (Все метки) Не могу найти как реализовать данную задачку....помогите плиз

	15.11.2011, 17:54

При выборе пункта из списка в Combobox вставка картинки в элемент div на странице

Решение