Multiple Select Dropdown

Det er ikke en dropdown, men en select: http://www.uwec.edu/help/html/FOR-pdown.htm

Koden er her:

<B>Select some fruit:</B> <BR>
<SELECT NAME="Morefruit" SIZE="4" MULTIPLE >
<OPTION SELECTED> Apples
<OPTION> Bananas
<OPTION> Oranges
<OPTION> Watermelon
<OPTION> Kiwi
<OPTION> Cantaloupe
<OPTION> Strawberries
</SELECT>

Det er netop det jeg leder efter, altså en select i form af en dropdown. Feltet skal se ud som en dropdown men virke som en select! Hvis du klikker på liket så ser du en nøjagtig udgave af det jeg leder efter men deres priser er for høje. Man betaler nemlig for en masse ekstra ting :-(

Ahh...

Det virker ikke i Opera, som jeg bruger.. derfor ser det ud som på http://www.uwec.edu/help/html/FOR-pdown.htm

Jeg ved ikke lige hvordan man laver den de har lavet, men man kunne jo bare nøjes med at kigge i kildekoden, og hente inspiration der fra..

<ole>

I princippet er det noget à la:

<script type="text/javascript">
function myOpen() {
    document.getElementById("myFrame").style.display = "block";
}
</script>

<div style="position:relative">
    <div style="width:300px;height:12px;background:blue;" onmousedown="myOpen()">&nbsp;</div>
    <iframe id="myFrame" style="position:absolute;width:500px;height:200px;z-index:100;display:none" src="http://www.google.dk"></iframe>
</div>

- og så nayurligvis med en egen side i iframe'en  :)

/mvh
</bole>

Et simpelt eksempel med divs og vis/skjul af select (med multiple):

<script type="text/JavaScript">
function visskjul()
{
    div = document.getElementById("selectdropdown").style;
    div.display = (div.display == "none")?"":"none";
}
</script>

<form name="frm" onsubmit="return false">
<div style="border:1px solid #ff0000;width:200px;">
    <div id="selectdropdown" style="float:left;display:none">
        <select multiple size="3">
        <option value="" selected>Vælg noget</option>
        <option value="valg_1">valgmulighed nummer 1</option>
        <option value="valg_2">valgmulighed nummer 2</option>
        <option value="valg_3">valgmulighed nummer 3</option>
        <option value="valg_4">valgmulighed nummer 4</option>
        <option value="valg_5">valgmulighed nummer 5</option>
        <option value="valg_6">valgmulighed nummer 6</option>´
        </select>
    </div>
    <div style="float:right"><a href="#" onclick="visskjul();return false">knap</a></div>
</div>
</form>

Smid et svar hvis I vil have point!

Mit forslag (28/08-2006 20:49:39) ser brugbart ud (skal bare justeres lidt, tror jeg), så jeg smider et svar..