Søg
Avatar billede hirayz Nybegynder
26. november 2001 - 12:54 Der er 13 kommentarer og
2 løsninger

SELECT - Add/Remove

HVordan laver man en form med en selectliste .. hvor man ved hjælp af Javascript kan tilføje og fjerne elementer på listen ?

<SELECT SIZE=\"5\" MULTIPLE>
<OPTION VALUE=\"1\">1</OPTION>
<OPTION VALUE=\"2\">2</OPTION>
<OPTION VALUE=\"3\">3</OPTION>
<OPTION VALUE=\"4\">4</OPTION>
</SELECT>
Avatar billede nikolajdu Nybegynder
26. november 2001 - 12:58 #1
http://www.eksperten.dk/spm/136086
Avatar billede nute Nybegynder
26. november 2001 - 13:05 #2
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
    <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
  <!--
  function addOpt( txt, val ){
      var opt = document.frm.sel.options;
      opt[ opt.length ] = new Option( txt, val );
    }
   
    function remOpt( o ){
      var opt = document.frm.sel.options;
      opt[ o ] = null;
    }
  //-->
  </SCRIPT>
</head>

<body>
<form name=\"frm\">
<SELECT SIZE=\"5\" MULTIPLE name=\"sel\">
<OPTION VALUE=\"1\">1</OPTION>
<OPTION VALUE=\"2\">2</OPTION>
<OPTION VALUE=\"3\">3</OPTION>
<OPTION VALUE=\"4\">4</OPTION>
</SELECT> <br>
Text: <input type=\"text\" name=\"txt\"><br>
Value: <input type=\"text\" name=\"val\"> <a href=\"java script:void( addOpt( document.frm.txt.value, document.frm.val.value ) );\">Legg til</a><br><br>
Fjern nummer: <input type=\"text\" name=\"opt\"> <a href=\"java script:void( remOpt( document.frm.opt.value ) );\">Fjern</a>
</form>
<br>


</body>
</html>
Avatar billede hirayz Nybegynder
26. november 2001 - 13:16 #3
Hvad hvis jeg bare vil have en knap som sletter de markerede
Avatar billede nute Nybegynder
26. november 2001 - 13:21 #4
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<head>
    <title>Untitled</title>
    <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
  <!--
  function addOpt( txt, val ){
      var opt = document.frm.sel.options;
      opt[ opt.length ] = new Option( txt, val );
    }
   
    function remOpt( o ){
      var opt = document.frm.sel.options;
      opt[ o ] = null;
    }
  //-->
  </SCRIPT>
</head>
<body>
<form name=\"frm\">
<SELECT SIZE=\"5\" MULTIPLE name=\"sel\">
<OPTION VALUE=\"1\">1</OPTION>
<OPTION VALUE=\"2\">2</OPTION>
<OPTION VALUE=\"3\">3</OPTION>
<OPTION VALUE=\"4\">4</OPTION>
</SELECT> <br>
Text: <input type=\"text\" name=\"txt\"><br>
Value: <input type=\"text\" name=\"val\"> <a href=\"java script:void( addOpt( document.frm.txt.value, document.frm.val.value ) );\">Legg til</a><br><br>
<a href=\"java script:void( remOpt( document.frm.sel.selectedIndex ) );\">Fjern valgte</a>
</form>
<br>
</body>
</html>
Avatar billede hirayz Nybegynder
26. november 2001 - 13:25 #5
hmmmm....
Avatar billede nikolajdu Nybegynder
26. november 2001 - 13:26 #6
Damn jeg er godt nok langsom i dag....

    function slet(){
   
    for (i=0; i<document.f.s.length;i++){
    if (document.f.s.options[i].selected=true){
        document.f.s.options[i] = null;

        }
    }
}

<input type=\"button\" onClick=\"skift()\" value=\"slet du\">
Avatar billede hirayz Nybegynder
26. november 2001 - 13:26 #7
den fjerner kun en af gangen...
Avatar billede nikolajdu Nybegynder
26. november 2001 - 13:26 #8
Min tager alle markede. :-)
Avatar billede nikolajdu Nybegynder
26. november 2001 - 13:28 #9
Damn min tager bare forkert. æv æv.
Avatar billede hirayz Nybegynder
26. november 2001 - 13:31 #10
kan du ikke lave så den tar rigtigt
Avatar billede nute Nybegynder
26. november 2001 - 13:32 #11
det var da voldsomme krav ;-)

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<head>
    <title>Untitled</title>
    <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
  <!--
  function addOpt( txt, val ){
      var opt = document.frm.sel.options;
      opt[ opt.length ] = new Option( txt, val );
    }
   
    function remOpt( selObj ){
      var opts = selObj.options;
        for( i=0;i<opts.length;i++){
          if( opts[i].selected ){
              opts[ i ] = null;
            }
        }
    }
  //-->
  </SCRIPT>
</head>
<body>
<form name=\"frm\">
<SELECT SIZE=\"5\" MULTIPLE name=\"sel\">
<OPTION VALUE=\"1\">1</OPTION>
<OPTION VALUE=\"2\">2</OPTION>
<OPTION VALUE=\"3\">3</OPTION>
<OPTION VALUE=\"4\">4</OPTION>
</SELECT> <br>
Text: <input type=\"text\" name=\"txt\"><br>
Value: <input type=\"text\" name=\"val\"> <a href=\"java script:void( addOpt( document.frm.txt.value, document.frm.val.value ) );\">Legg til</a><br><br>
<a href=\"java script:void( remOpt( document.frm.sel ) );\">Fjern valgte</a>
</form>
<br>
</body>
</html>


/nute
Avatar billede hirayz Nybegynder
26. november 2001 - 13:35 #12
virker heller ikke...
Avatar billede nute Nybegynder
26. november 2001 - 13:35 #13
ÆÆÆV !!! ikke helt...bytt ut den \'remOpt\' funksjonen jeg postet med denne:

    function remOpt( selObj ){
      var opts = selObj.options;
        for( i=opts.length-1;i>=0;i--){
          if( opts[i].selected ){
              opts[ i ] = null;
            }
        }
    }

/nute
Avatar billede nikolajdu Nybegynder
26. november 2001 - 13:35 #14
Jo det kunne jeg da godt, men jeg har altså valgt at ligge i baghjul i dag... *LOL*
Avatar billede nikolajdu Nybegynder
26. november 2001 - 13:52 #15
Tak for point anyway :-)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
27/0916:43 Nomad Tracking Car Af fleknes i Apps til Android
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
White papers
Flere white papers »