Avatar billede Søren Bech Morsing Praktikant
22. marts 2002 - 09:07 Der er 4 kommentarer og
1 løsning

tilføje og fjerne poster i en selectbox

<script language="javascript">

hvilkeBrugt = new Array();
hvilkeBrugt[0] = "default";
iTo = 0;
iTre = 0;

function tilfoejOrdre() {

ind = document.getElementById("ordre").selectedIndex;

t = false;
for (i = 0; i < hvilkeBrugt.length; i++) {
if (document.getElementById("ordre").options[ind].text == hvilkeBrugt[i]) {
t = true;
break;
}
}

if (!t) {
   
        document.getElementById("ordreno").options[iTo] = new Option(document.getElementById("ordre").options[ind].text);
        iTo++;
   
    hvilkeBrugt[hvilkeBrugt.length] = document.getElementById("ordre").options[ind].text;
}
}

function fjernOrdre() {
   
iTre=0;

ind = document.getElementById("ordreno").selectedIndex;

if (ind>=0) {

for (i = 1; i < hvilkeBrugt.length; i++) {

if (document.getElementById("ordreno").options[ind].text == hvilkeBrugt[i]) {
    alert(hvilkeBrugt[i])
    hvilkeBrugt[i] = "";

}

if (""+hvilkeBrugt[i] == "default") {
    // spring den her over
} else if (""+hvilkeBrugt[i]!="") {
    document.getElementById("ordreno").options[iTre] = new Option(hvilkeBrugt[i]);
    iTre++;

}
}
}
}

</script>

  <table border="0" cellpadding="3">
    <tr>
    <td class="overskrift">Dine ordre</td>
    <td>&nbsp;</td>
    <td class="overskrift">Ordre du er ved at bestille</td>
  </tr>
    <tr>
    <td valign="top" align="right">
    <select size="5" name="ordre" id="ordre">
                         

    <option value="1">1</option>
    <option value="2">3</option>
    <option value="2">3</option>
</select></td>

<td><img src="gfx/pilleft.gif" onClick="fjernOrdre();" style="cursor: pointer; cursor: hand;"><br>
<img src="gfx/pil.gif" onClick="tilfoejOrdre();" style="cursor: pointer; cursor: hand;">
</td>
    <td valign="top"><select name="ordreno" id="ordreno" size="5"  multiple>

</select>

</td>
  </tr>
</table>
Avatar billede Søren Bech Morsing Praktikant
22. marts 2002 - 09:09 #1
ja ovenstående er koden, og her er spøgsmålet:

Jeg har med hjælp fra en herinde fået funktionen tilfoejOrdre() og har selv bikset lidt med fjernOrdre()

Problem, fjernOrdre() kan jeg simpelt hen ikke få til at virke, det skal være sådan et selectboxen til venstre vælger man fra, og de ryger så over i selectboxen til højre. Men de skulle gerne kunne fjernes igen fra selectboxen til højre - how to do?

Og endelig, når man submitter siden (er godt klar over form action mangler) men så skal der lige væren onSubmit="markerAlle();"
hvor markerAlle, markere alle de poster der måtte være i selectboxen til højre
Avatar billede jakoba Nybegynder
22. marts 2002 - 09:11 #2
her kan du finde fiverse javascript funktioner til at tilføje, slete og flytte punkterne i en selec-box:
  http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp66097.html

mvh JakobA
Avatar billede jakoba Nybegynder
22. marts 2002 - 09:12 #3
Ups.  fiverse -> diverse
Avatar billede jakoba Nybegynder
22. marts 2002 - 09:15 #4
"Men de skulle gerne kunne fjernes igen fra selectboxen til højre"

Jeg forstår ikke hvad det er du mener.
Avatar billede Søren Bech Morsing Praktikant
22. marts 2002 - 09:22 #5
Jeg kigger lige på siden du gav mig, der kan posterne fjernes!
og den kan også vidersende alle poster, uden at de er markeret så det er helt fint
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