Søg
Avatar billede supermand69 Nybegynder
15. juli 2006 - 16:29 Der er 12 kommentarer og
1 løsning

lave options i en select via et array

hvordan kan man lave <options> i en <select> via et array? :)
Avatar billede michael_stim Ekspert
15. juli 2006 - 16:31 #1
ja
Avatar billede michael_stim Ekspert
15. juli 2006 - 16:32 #2
Hov, hvordan ;o)
Avatar billede michael_stim Ekspert
15. juli 2006 - 16:32 #3
http://roenving.users.whitehat.dk/
Avatar billede supermand69 Nybegynder
15. juli 2006 - 16:50 #4
ja?
Avatar billede michael_stim Ekspert
15. juli 2006 - 17:07 #5
punkt 4 (#4)
Avatar billede supermand69 Nybegynder
15. juli 2006 - 17:40 #6
jeg er ikke helt med på hvordan det laves?

grunden til at jeg skal have det lavet er fordi at den samme select vises mange steder og der er utrolig mange options, så det tager simpelthen for lang tid at loade siden hvis man skal loade det hele som færdigt..

hvis options blev lavet i klienten ville det helt sikkert spare en masse
Avatar billede michael_stim Ekspert
15. juli 2006 - 18:12 #7
Her er roenvings script (reduceret en del):

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="javascript" type="text/javascript">
var arr = ["Valg 1","Valg 2","Valg 3","Valg 4"];
       
function initSels(){
    createOpts(document.getElementById('sel1'));
}

function createOpts(sel){
    var s = new Array();
    var num = 0, txt = "arr";
    var ar = opt = null;
    var n = sel.selectedIndex;
    var args = createOpts.arguments.length;
    for(var i=1;args>i;i++){
        s[i-1] = document.getElementById(createOpts.arguments[i]);
        if(s[i-1]==sel)num=i;
    }
    if(args>1){
        if(s[num])sel = s[num];
        else return;
    }
    if(n==0&&args>1){
        for(i=num;args>i+1;i++){
            s[i].length = 0;
            opt = document.createElement('OPTION');
            s[i].appendChild(opt);
            opt.value = "";
            opt.text = "\74-- Vælg --";
        }
        return true
    };
    for(i=0;num>i;i++){
        txt+="["+(s[i].selectedIndex-1)+"][1]";
    }
    ar = eval(txt);
    sel.length = 0;
    opt = document.createElement('OPTION');
    sel.appendChild(opt);
      opt.value = "";
      opt.text = "-- Vælg --";
    for(i=0;ar.length>i;i++){
        opt = document.createElement('OPTION');
        sel.appendChild(opt);
        if(typeof ar[i] == 'object'){
            opt.value = ar[i][0];
              opt.text = ar[i][0];
        }else{
            opt.value = ar[i];
            opt.text = ar[i];
          }
    }
}
</script>
</head>
    <body onload="initSels()">
        <form name="sels" action="">
        <select name="sel1" id="sel1">
        </select>
        </form>
    </body>
</html>

Kan sikkert reduceres mere...
Avatar billede supermand69 Nybegynder
15. juli 2006 - 21:26 #8
må ærligt indrømme at det virker ret forvirrende...

i min array med options skal jeg også bruge key som er et id
Avatar billede michael_stim Ekspert
15. juli 2006 - 21:55 #9
Kig på denne:
http://www.webreference.com/javascript/960923/part01.html
Avatar billede supermand69 Nybegynder
15. juli 2006 - 22:05 #10
kan man egentlig ikke selv sætte en nøgle i et array i JS??

eks.

array(54 => 'noget', 3 => 'hehe')
Avatar billede supermand69 Nybegynder
16. juli 2006 - 11:47 #11
jeg er kommet frem til noget her, men select boksen tilpasser sig ikke i længden efter længden af options

http://temp.electrobeat.dk/v2/_tst2.php
Avatar billede michael_stim Ekspert
16. juli 2006 - 12:29 #12
lav en style i din select:
style="width:140px;"
eller hvor bred du vil have den.
Avatar billede supermand69 Nybegynder
16. juli 2006 - 12:54 #13
det er vel sådan roenving har lavet det?
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 03/05/202613:59
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
I går 17:39 oprette gruppe i outlook.dk Af fase i E-mail programmer
I går 11:24 Sletning af WD Elements - som er krypteret (og ikke kommer normalt frem på skærmen med indtast af kode). Af Rikke i Andet hardware
06/0718:10 WWAN kort i bærbar Af Gamba i PC
06/0715:46 DBA er ikke hvad det var Af ErikHg i Fri debat
05/0712:15 Totalslette bærbar med Linux Mint Af mort1 i Linux
White papers
Flere white papers »