Jak odstranit option prvek ze selectu pomocí JavaScriptu?

ja prepisuji treba cely select, ale lze i to...

o = objGet2(f,"xxx");
objDel(o);
if (y>0)
{
o1=creEL(f,'SELECT');
o1.name = "selplayer";
o1.className = "select";
j = o1.length;
for (i=0;i<y;i++)
{
x = xThis.mapa1["players"][i];
o1[j] = new Option(x[1]+" ("+x[2]+"x"+x[3]+")",i);
j++;
}
appEL(o,o1);
}

http://www.volny.cz/peter.mlich/www.htm#mssub11
# ** www.mattkruse.com JS priklady (select, calendar, tree)

Obdobný problém jsem nedávno také řešil a vyřešil jsem ho následovně:

Potřeboval jsem, při vybrání něčeho v prvním selectu zobrazit určitý počet optionů v jiném selectu. Seznam všech možných optionů jsem si uložil do dvourozměrného pole, kde první klíč je nějaké nepodstatné číslo položky a druhý rozlišuje value záznamu v prvním selectu a hodnotu optionu v druhém. Názroně:

var optiony = new Array(

['1', 'krava'],

['1', 'ryba'],

['2', 'kachna']

);

V kódu dva selecty:

<select id="prvni"><option value="1">jedna</option><option value="2">dva</option></select>

<select id="druhy"></select>

Teď stačí píchnout na select1 událost onchange, aby se duhý po změně prvního naplnil nějakými optiony:

document.getElementById('prvni').onchange=function() {

 for(i=0;i<this.length;i++)

 {

  with(document.getElementById('druhy'))

  {

     //vymazu vsechny optiony z druheho

     while(length)

     {

        options[0] = null;

     }



     // naplnim ho novymi

     for(j=0;j<optiony.length;j++)

     {

        if(optiony[j][0]==this.options[i].value) options[length] = new Option(optiony[j][1], optiony[j][1]);

     }



  }

}

StruČně: Pomocí document.getElementById() dostaneš select do proměnné. Vlastnost .length ti u objektu typu select vrátí počet optionů, které v něm jsou aktuálně uloženy/zobrazeny. Pomocí vlastnosti .options se můžeš dostat k jednotlivým optionům, je to pole, takže optiony indexuješ pomocí id, např .options[1], .options[2] atp., vlastnost optionu získáš, přes další vlastnost .value, tzn.: .options[2].value.

Pokud budeš chtít přidat do selectu další option, musíš ho vytvořit, jako objekt nakonec pole .options, tzn. použiješ něco jako toto: select.options[select.length] = new Option(text, value); Parametry v konstruktoru Option jsou první text v optionu a druhý value, možná je to obráceně, nevím.

Pokud budeš chtít option ze selectu vymazat, stačí, když mu přiřadíš null, tzn.: select.options[1] = null; Pozor na to, že po vymazaném optionu vznikne díra, do které se posunou další optiony, proto nejde použít k mazání následující kód:

for(i=0;i<select.length;i++)

{

  select.options[i] = null;

}

Protože by v každé iteraci vzrostl index i a díky výmazu zároveň klesla délka pole length, tudíž by se myslím vymazala jenom polovina optionů. Lepší je použít následující:

while(select.length)

{

  select.options[0] = null;

}

Alespoň já jsem to použil a zatím to funguje bezvadně. Na další možnosti použití a řešení přijdeš určitě sám, když už pracuješ s tím Ajaxem. Btw. říkej tomu raději xmlhttp, děkuju.