Drop down meny

[melli123]

Jeg holder på å lære meg litt HTML,men lurer på en ting.

<select> 

<option value="first option">opel</option> 

<option value="second option">Saab</option> 

<option value="third option">Volvo</option> 

</select>

 

Da kommer det jo en dropp down meny...

Hvis man f.eks trykker på Saab. Hvordan gjør man det slik at man blir sendt til f.eks. saab.se. Lager man en knapp og legger til h ref eller hva er det man gjør?

[ace_ventuora]

God del listetyper Her.

Med html og css forklaring...

Endret 27. august 2004 av ace_ventuora

[Smidt]

du trenger _ikke_ den siden ace_ventuora refererer til. den har med menyer å gjøre

det du kan gjøre er å legge adressen inn i dropdownmenyen.

<select name="goto"> 

<option value="www.opel_sin_adresse">Opel</option> 

<option value=""www.saab_sin_adresse"">Saab</option> 

<option value=""www.volvo_sin_adresse"">Volvo</option> 

</select>

så kan du bruke php

<?php
$goto=$_POST["goto"]; // forutsatt at du har method post i skjemaet. 

if(!empty($goto){
header("Location: http://$goto/"); 

exit;}
?>

ikke testet, men tror det skal funke

merk at du ikke åpner nytt vindu, men redirecter.

Endret 27. august 2004 av Smidt

[melli123]

oki...takker!

skal prøve nå...

Endret 27. august 2004 av VgaR

[Haraldson]

Skal ikke den ene verdien i lista være 'selected'?

 

Noe sånt som

<option value="www.volvo_sin_adresse" selected="selected">Volvo</option>

Jeg sier ikke at dette er riktig, men jeg spør.

 

Smidt: Litt mange doble fnutter der oppe?

[JonV]

Jeg testa den nu på en side jeg leker med.

Boksen kommer opp slik den skal men jeg blir ikke sendt videre.

 

Noe tips ?

 

Min blir sende slik ut.

 

<p align="right"> 
<form>
<select name="goto"> 
<option value="http://www.fg.no/index.php?name=Content&pid=2">Test</option>
<option value="http://www.fg.no/index.php?name=Content&pid=1" selected="selected">Start</option>
<option value="http://www.fg.no/index.php?name=Content&pid=2" selected="selected">Innhold</option>
<option value="http://www.fg.no/index.php?name=Content&pid=3" selected="selected">Oppsumering</option>

</select>
</form>
</p> 

 

Så hva har jeg glemt

Endret 24. januar 2006 av JonV

[neivoll]

Du har i allefall ingen submit knapp

<input type="submit" value="OK">

Vet ikke om det trengs engang, aldri gjort no særlig med dropdown-lister.

Den skal settes inn etter </select>

Endret 25. januar 2006 av anners

[melli123]

he, lenge siden denne posten ble laget...

Jeg fant aldri ut av det.

Kanskje jeg har mulighet nå...

[MC2]

hmm, tror dette er mulig via javascript..

 

<select onChange="javascript:window.open(this.options[this.selectedIndex].value,'_top');">
      <option value="http://www.saab.se">saab</option>
</select>

 

(har 39 grader feber, så mulig det er noen feil i koden... og at jeg ikke tenker skikkelig )

[JonV]

Du har i allefall ingen submit knapp

<input type="submit" value="OK">

Vet ikke om det trengs engang, aldri gjort no særlig med dropdown-lister.

Den skal settes inn etter </select>

5494185[/snapback]

Med denne så blir jeg sendt videre men da tilbake til index/home på siden.

 

Slik ser min ut nå.

<p align="right"> 
<form>
<select name="goto"> 
<option value="/index.php?name=Content&pid=2">Test</option>
<option value="/index.php?name=Content&pid=1" selected="selected">Start</option>
<option value="/index.php?name=Content&pid=2" selected="selected">Innhold</option>
<option value="/index.php?name=Content&pid=3" selected="selected">Oppsumering</option>
</select>
<input type="submit" value="OK">
</form>

Endret 25. januar 2006 av JonV

[qualbeen]

du mangler vel en avtion-attribut!

 

<form action="siden_som_innehar_php_kode">

 

Men har ikke drevet så mye med forms i det siste, så er ikke 100% sikker...

[JonV]

Jeg står fremdeles fast.

Noen flere tips.

[robgar]

Hvor har du gjort av phpdelen av koden ?

[JonV]

Trenger jeg det og ?

 

Skal ha det i en modul som kjører Html kode i dragonfly.

Endret 29. januar 2006 av JonV

[neivoll]

Du må jo iallefall ha en action-atributt på formen, eller så er det jo ikke noen handling å utføre. Dette pleier jo ofte å være en adresse til en fil som inneholder php-kode, vet ikke helt hvordan man gjør dette med kun html.

 

edit: litt bedre forklart

Endret 29. januar 2006 av anners

[neivoll]

Gikk ganske enkelt i Dreamweaver og trykket "Insert --> Form --> Jump Menu

og fikk denne koden (med ett alternativ). Da slipper du å trykke noen submit-knapp også.

 

<form name="form1">
 <select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
   <option value="http://www.volvo.no">Volvo</option>
 </select>
</form>

Idiotisk at jeg ikke kom på det før

[JonV]

Testa den nu og den sender meg ingen steder.

 

Fatter ikke hva som mangler

 

<p align="right"> 
<form>
<select name="goto"> 
<option value="/index.php?name=Content&pid=2">Test</option>
<option value="/index.php?name=Content&pid=1" selected="selected">Start</option>
<option value="/index.php?name=Content&pid=2" selected="selected">Innhold</option>
<option value="/index.php?name=Content&pid=3" selected="selected">Oppsumering</option>
</select>
<input type="submit" value="OK">
</form>

 

Denne her sender meg videre men da til index på siden :S

[PT]

<form action="send.php" method="post">
<p>
<select name="goto">
 <option value="www.side1.com">Side 1</option>
 <option value="www.side2.com">Side 2</option>
</select>
<input type="submit" value="Go">
</p>
</form>

Så, i send.php putter du inn PHP-koden Smidt skrev lengre oppe.

Husk at selected="selected" kun kan være på en av option-taggene. Blir litt feil hvis alle skal være valgt, eller hur?

[JonV]

får feil på linje 4 i send.php

 

Parse error: syntax error, unexpected

[PT]

Bytt ut

if(!empty($goto){

med

if(!empty($goto)){