option i select

Se hvad jeg har skrevet i det foregående spörgsmål...
<select style="width:145px;"....

Hvad med bare at style din select?
Hvis det skal gøres i javascript kunne du evt. gøre noget a la:
1) i dine løkker, bestemt længden af den største string altså f.eks.
    var max_lenght=0;
    ...
    if(text1_arr[i].Lenght()>max_lenght) max_lenght=text1_arr[i].Lenght();
2)
  Style selects'ne, f.eks.:
  document.forms[0].getElementById("sel1").style.width=max_lenght + "px";

Kan godt være du er nød til at gange max_lenght med et passende tal for at det kommer til at se ordentligt ud.

arriva > jeg har set lidt på den her hvordan længden bliver sat, men jeg fatter ikke særlig meget javascript :-/

http://roenving.users.whitehat.dk/WD4Selects-beta.html

når man så har max_length, hvordan smider man den så ind i sin select så den får den længde som den skal have?

document.forms[0].getElementById("sel1").style.width=max_lenght + "px";

Benyt:

try {
  sel.add(opt, null); // standards compliant; doesn't work in IE
} catch(e) {
  sel.add(opt); // IE only
}

Til at tilføje elementerne!

just > jeg har tilføjet det, men får fejl

Kan du linke din tilføjelse? Jeg testede inden jeg postede og det virkede fint!

Ah, det er jo rettet i ovenstående link!

Du har glemt at fjerne sel.appendChild

just > din løsning virker som den skal, men jeg er ikke meget for at bruge "crossbrowser" løsninger..

jeg kunne godt tænke mig at vide hvordan roenving har løst problemet? :)

Jeg ved ikke helt hvad du mener med crossbrowser løsninger?

Ifølge http://www.w3schools.com/htmldom/dom_obj_select.asp under Select Object Methods følger ovenstående w3c standarden! At så IE ikke lever op til standarden er jo ikke noget nyt...

o_O , hvad er det dog for en masse vrøvl ?

Kan du forklare hvad eksemplet skal kunne ? så laver jeg lige noget kode.

tdafoorbar>> Kan du ikke lige uddybe hvor jeg vrøvler, så jeg kan få rettet op på min forståelse af stoffet?

jeg mente alt det foreslåede kode. Det kan skrives meget bedre. Er ved at lave et eksempel.

Roenings virker fordi han definerer den første indgang i hver option select som attribut værdier!

<form name="sels" action="http://roenving.users.whitehat.dk" onsubmit="return false;">
To afhængige selects:&nbsp;&nbsp;&nbsp;
<select name="sel1" id="sel1" onchange="createOpts(this,'sel1','sel2');">
<option value="" selected>Vis alle</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select name="sel2" id="sel2">
<option value="" selected
>&lt;-- Vælg --</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><br>

Tre afhængige selects:&nbsp;&nbsp;&nbsp;
<select name="sel3" id="sel3" onchange="createOpts(this,'sel3','sel4','sel5');">
<option value="" selected>Vis alle</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select name="sel4" id="sel4" onchange="createOpts(this,'sel3','sel4','sel5');">
<option value="" selected>&lt;-- Vælg --</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select name="sel5" id="sel5">
<option value="" selected
>&lt;-- Vælg --</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><br>
</form>

Jeg vil forøvrigt give tdafoobar ret i at det er noget rod!

er det meningen af der kun skal vælges de titles der passer til den valgte artist ?

Hvis Roenings smed en select option ind der var længere end "-- Vælg --" ville han jo nok få samme problem!

Jeg vil stadig mene at add er den "korrekte" måde at tilføje options dynamisk til en option select, men jeg er da altid klar på at lære noget nyt!

Kig på koden her: http://olisan.dk/new/720875.php

Den korrekte måde er:

            sel1.options[i] = new Option(artists[i],values[i]);

Hvor sel1 er dit HtmlSelectElement

og den virker crossbrowser.

tdafoobar>> Alle tiders! Den var jeg ikke stødt på før!

just > jeg har her copy/pasted roenvings kode ind her
http://temp.electrobeat.dk/v2/_tst.php

jeg har ændret i array'et til den første option, og her virker det :)

tdafoobar > nej, altså mine selects er som de skal være.. eneste problem er at selecten ikke får den rette længde så man kan se hele teksten i alle option

sel2.options[i] = document.createElement("option"); skulle også virke, men den har ikke pr. default value attribute og nodeValue option.

Dette er hvad roenving gør i sin kode, dvs. den er mere DOM baseret.

supermand69

bruge style attributen ?

Prøv at tilføje med new Option som tdafoobar foreslår...det skulle jo også virke!

tdafoobar > er ikke helt med? gider du smide det ind i en af mine funktioner?

supermand69>> Prøv at se hvad der sker hvis du fjerner hans option tag fra den første select! Så passer bredden ikke længere...

just > hvem? hehe.. roenving eller tda?

Roenving :)

function opt_type1(sel) {
for (var i = 0; i < artist_arr.length; i++)
      sel.options[i] = new Option(artist_arr[i],value_arr[i]);
}

tda > lav et svar så deler I points :)

det kunne heller ikke passe at eneste mulighed var at bruge styles

Giv bare pointene til tdafoobar...det er jo hans løsning....

okay :p

Jeg mente da også at en select burde udvide sig selv , når man puttere størrer content i dynamisk ? gør den ikke også det hvis du bruger 'new Option(...') ?

tda > tjek min kode her..
http://temp.electrobeat.dk/v2/_tst2.php

jo nu virker det perfekt! :D

det var jo godt :)

og tak for teh points.

tdafoobar>> Bredden bliver tilsyneladende ikke udvidet når man benytter appendChild til at tilføje options...jvf. supermand69's oprindelige kode!

jeg har forresten lige et par andre småting jeg ikke lige ved om nogen af jer hurtigt kan give mig et svar på?

1.
hvordan kan man smide en style på options?
style="text-transform:capitalize"

2.
hvordan kan man tilføre "selected" på en af sine options?

option.selected = true;

Jeg har lige en ting mere med det script der, men har lige oprettet et nyt spørgsmål
http://www.eksperten.dk/spm/721409