• Home
  • Artikel
  • Projekte
  • Reisen
  • Arbeit
  • Know-how
  • Kunst
  • Über mich
  • Home
  • Kontakt
  • Home
  • Kontakt
  • Home
  • Artikel
  • Projekte
  • Reisen
  • Arbeit
  • Know-how
  • Kunst
  • Über mich

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
Javascript

Zurück zur Übersicht

© 2018 In4matiker