Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Вывод ниспадающего списка (https://javascript.ru/forum/misc/37994-vyvod-nispadayushhego-spiska.html)

StudentDanil 16.05.2013 15:40

Вывод ниспадающего списка
 
Вот такая задача: вывести ниспадающий список названий всех графических изображений текущего документа. Я то сделал, чтобы оно просто выводило окошко со списком, а как его сделать ниспадающим? Это же через options HTMLя, но я не знаю, как сюда его впихнуть?

<html><head><title> CATS </title><script>
function showImagesList() {

	var imgs = document.getElementsByTagName("img");

	var s = new String;

	var i = 0;

	while (img = imgs[i++])

	{

		s = s + '\n' + img.src;

	}

	alert(s);

}

//window.onload=showImagesList();

</script></head>
<body>
<button onclick="showImagesList()">Show images list</button>
<p align="left"><img src="kotyatko.jpg" width="90%"height="95%" hspace="20"vspace="20" border="0S"></p>
<p align="left"><img src="cat.jpg"width="550"height="270" hspace="40"vspace="10" border="0S">
<img src="kity-cat.jpg"width="550"height="270" hspace="40"vspace="10" border="0S"></p>
<p align="left"><img src="mew-mew.jpg"width="550"height="270" hspace="40"vspace="10" border="0S">
<img src="kis-kis.jpg"width="550"height="270" hspace="40"vspace="10" border="0S"></p>
</body>
</html>

ksa 16.05.2013 16:26

Цитата:

Сообщение от StudentDanil
вывести ниспадающий список названий всех графических изображений текущего документа

Куда вывести?
И что есть "ниспадающий список"?

StudentDanil 16.05.2013 18:25

Нужно вывести на экран. Я так понял - это HTMLевский элемент <select>

ruslan_mart 16.05.2013 18:50

<select id="imgList"></select>
function showImagesList()
{
   var a = document.getElementsByTagName('img'), b = '';
   for(i=0; i<a.length; i++) b += '<option>'+a[i].src+'</option>';
   document.getElementById('imgList').innerHTML = b;
}

showImagesList();

StudentDanil 20.05.2013 18:24

Спасибо огромное! Tолько я не пойму, как мне это вставить в свой код, уж слишком туговат в JS


Часовой пояс GMT +3, время: 11:47.