15 мая "Исходники.РУ" отмечают 20-летие присутствия в сети!
Поздравляем всех причастных и неравнодушных с юбилеем сайта!
И огромное спасибо всем, кто был с нами все эти годы!

Главная Информер Журнал Форум Wiki DRKB Discuz!ML Помощь проекту


Динамическое заполнение выпадающего списка выбора (SELECT)

Заполнить выпадающий список выбора можно при апомощи объекта Option. Его синтакс следующий:

Option(text, value, [default selected], [selected])

А вот пример использования:

<HTML>
<BODY>

<form name=MyForm>
<script language = javascript>
function foo(){
    document.MyForm.select1.length=0;  //this clears the select box
    document.MyForm.select1.options[0] = new Option("<Select One>","0",true,true);
         for (var i=0; i < 20;i++)	{
	document.MyForm.select1.options[i+1] = new Option("Option" + i,"Value" + i);
	}
}			
</script>

<p><SELECT name="select1" style="HEIGHT: 22px; WIDTH: 340px">
</select>
<p><input type=button value="Заполнить" onclick="foo()">
</form>
</BODY>
</HTML>