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

Главная Форум Журнал 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>