Avatar billede eksperten1 Nybegynder
24. februar 2004 - 17:04 Der er 3 kommentarer

Skifte til næste/forrige i Select box

På en side hvor en <select> bliver brugt til at bestemme indholdet i en iframe, vil jeg gerne lave 2 knapper, <tilbage> og <frem>.

De skal så vælge (hvis muligt) det forrige eller næste emne i den <select> som findes på siden.

Jeg har forsøgt at lede efter en tilsvarende funktion men uden held. Er der en der er hurtig på aftrækkeren ?
Avatar billede nute Nybegynder
24. februar 2004 - 17:13 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    function changeSelected( intDirection )
    {
        var objSelectBox = document.getElementById( "sel" );
        if( objSelectBox )
        {
            if( intDirection > 0 )
            {
                if( objSelectBox.selectedIndex == objSelectBox.length - 1 )
                {
                    alert( "Sidste option" );
                }
                else
                {
                    objSelectBox.selectedIndex+=1;
                }
            }
            else
            {
                if( objSelectBox.selectedIndex == 0 )
                {
                    alert( "Første option" );
                }
                else
                {
                    objSelectBox.selectedIndex-=1;
                }
            }
        }
    }
    //-->
    </script>
</head>

<body>
<select size="5" id="sel">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="button" onclick="changeSelected( -1 );" value="<< tilbage"><input type="button" onclick="changeSelected( 1 );" value="Frem >>">


</body>
</html>

/nute
Avatar billede roenving Novice
24. februar 2004 - 17:14 #2
<form>
<select name="minSelect">
<option>- Vælg her -</option>
<option value="noget">Noget</option>
<option value="nogetAndet">Noget Andet</option>
</select>
<br>
<button onclick="fremTilbage(this.form.minSelect,-1);">tilbage</button>
<button onclick="fremTilbage(this.form.minSelect,1);">frem</button>
</form>

<script type="text/javascript">
function fremTilbage(sel,dir){
  idx = sel.selectedIndex + dir;
  if(idx<0||idx>=sel.length)return;
  sel.options[idx].selected = true;
  sel.selectedIndex = idx;
}
</script>
Avatar billede eksperten1 Nybegynder
24. februar 2004 - 17:23 #3
UHA I var hurtige der. Jeg afprøver det senere :)

Mange tak for forslagene
mvh Mark
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester