Know-How
Select Element
Verschiedene Operationen die man dynamisch mit einem Select Element machen kann.
Einen Eintrag im Select selektieren
function selectOption(ddl,x)
{
var coll = document.getElementById(ddl)
if(coll.length > 0)
{
for (i=0; i < coll.options.length; i++)
{
if(coll.options[i].value == x)
{
coll.options[i].selected = true;
break;
}
}
}
}
Einen Eintrag in das Select hinzufügen
function addOption(ddl,x,y)
{
var coll = document.getElementById(ddl)
var selOption = document.createElement("Option");
selOption.text = x;
selOption.value = y;
coll.add(selOption);
}
Einen Eintrag aus dem Select entfernen
function removeOption(ddl,x)
{
var coll = document.getElementById(ddl)
if(coll.length > 0)
{
for (i=0; i < coll.options.length; i++)
{
if(coll.options[i].value == x)
{
coll.remove[i];
break;
}
}
}
}
Select Einträge sortieren
function sortOptions(ddl)
{
var coll = document.getElementById(ddl)
var x = coll.length;
if(x > 0)
{
//Durch alle Einträge durchgehen
var arrCombobox = new Array(x);
for (i=0; i < x; i++)
{
//Wert und Name in Array speichern
arrCombobox[i] = new Array(1);
arrCombobox[i][0] = coll[0].text;
arrCombobox[i][1] = coll[0].value;
//Eintrag entfernen
coll.remove[0];
}
}
//Sortieren
arrCombobox.sort();
//Sortierte Werte wieder in das Select einfügen
if(arrCombobox.length > 0)
{
for (i=0; i < arrCombobox.length; i++)
addOption(ddl,arrCombobox[i][0],arrCombobox[i][1]);
}
}
Tags
