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 01:57 Tjek alle checkbox i form Af bsn i ASP
17/0521:35 Lidt simpel (håber jeg) Photoshop hjælp Af fcs i Billedbehandling
16/0516:04 Canon printer vil ikke udskrive farver Af mort1 i Printere
16/0514:50 Hvilket fabrikat af Mesh systemer virker? Af fkj i Wifi
15/0513:45 AJAX kode -javascript Af Asky i Programmeringsværktøjer
White papers
Flere white papers »