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