Avatar billede emileej Nybegynder
12. januar 2002 - 19:44 Der er 1 kommentar og
1 løsning

Kontrol over select felt

Jeg har et select felt, som jeg skal have fuld kontrol over - det vil sige at jeg skal kunne:
1) Tømme det helt for emner.
2) Tilføje emner.
3) Redigere emner.
4) Slette emner.

Nogen der har funktionerne?

E-)mil
http://privat.eej.dk

Se Erik - 60 pointz ;)
Avatar billede nute Nybegynder
12. januar 2002 - 20:43 #1
en hurtig smmenbikset kode:

<html>
<script>

var ns4x = document.layers?true:false;
var selIndex;

function deleteAll(){
  document.frm.sel.options.length = 0;
            // frembringer resultatet i Netscape 4.x
        if( ns4x ){
          history.go(0);
        }
}

function deleteSelected(){
  selIndex = document.frm.sel.selectedIndex;
    document.frm.sel.options[ selIndex ] = null;
            // frembringer resultatet i Netscape 4.x
        if( ns4x ){
          history.go(0);
        }
}

function modifySelected(){
  document.frm.but.onclick = executeModify;
  selElem = document.frm.sel.options[ document.frm.sel.selectedIndex ];
    txt = selElem.text;
    val = selElem.value;
    document.frm.val.value = val;
    document.frm.txt.value = txt;
}

function executeModify(){
  selElem = document.frm.sel.options[ document.frm.sel.selectedIndex ];
    selElem.text  = document.frm.txt.value;
    selElem.value = document.frm.val.value;
    document.frm.txt.value = \'\';
    document.frm.val.value = \'\';
    document.frm.but.onclick = addNew;
            // frembringer resultatet i Netscape 4.x
        if( ns4x ){
          history.go(0);
        }
}

function addNew(){
  var txt = document.frm.txt.value;
    var val = document.frm.val.value;
    document.frm.sel.options[ document.frm.sel.options.length ] = new Option( txt, val );
            // frembringer resultatet i Netscape 4.x
        if( ns4x ){
          history.go(0);
        }
}


</script>
<body>
<form name=\"frm\" method=\"get\" action=\"\">
<select name=\"sel\" size=\"5\">
  <option value=\"\"></option>
  <option value=\"Verdi 1\">Verdi 1</option>
  <option value=\"Verdi 2\">Verdi 2</option>
  <option value=\"Verdi 3\">Verdi 3</option>
  <option value=\"Verdi 4\">Verdi 4</option>
</select>
<br><br>
<li><a href=\"java script:deleteAll()\">Slet Alle</a></li>
<li><a href=\"java script:modifySelected()\">Rediger Markerte</a> (velg en option, klikk på link, skriv i felt og klikk på knapp)</li>
<li><a href=\"java script:deleteSelected()\">Slet Markerte</a></li>
<li>Legg til nye (skriv i felt og klikk på knapp)</li><br><br>
value: <input type=\"text\" name=\"val\"><br>
text: <input type=\"text\" name=\"txt\"><br>
<input type=\"button\" value=\" Utfør \" onClick=\"addNew();\" name=\"but\">
</form>
</body></html>

/nute
Avatar billede emileej Nybegynder
13. januar 2002 - 11:13 #2
*Najs* Tak skal du ha Nute! Det fungerer upåklageligt =)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester