DropDown Form
fischnackdissen
- javascript
Hallo.
Ich möchte ein simples DropDown (size 1) auf meiner Seite anbieten.
Es wird eine Länderliste mit 160 LÄndern. Wenn man nun auf den Arrow Richts klickt öffnet sich die DropDown liste un man sollte per Buchstabentaste auf die dazugehören Länder springen. Beispiel:
ich Drücke G. Spring man automatisch auf das erste Land welches mit G anfängt
Wenn ich nun ein Land anklicke bzw. anwähle beispielsweise Grönland sollte eine relative Pfadangabe übergeben werden, also es sollte so sein, dass man auf eine Unterseite meiner Homepage kommt. Beispiel "/index.php/gland.html"
Im Moment habe ich das so aber da funktionieren die beiden Sachen nicht:
<form name="jump" class="countryselect">
<select name="menu" onchange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;">
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Serbia
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Seychelles
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Sierra Leone
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Singapore
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Slovakia
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Slovenia
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Solomon Islands
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Somalia
</option>
<option value="/index.php?option=com_content&task=view&id=300&Itemid=433"> South Africa
</option>
<option value="/index.php?option=com_content&task=view&id=301&Itemid=433"> South Georgia and South Sandwich Islands
</option>
<option value="/index.php?option=com_content&task=view&id=301&Itemid=433"> Spain
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Sri Lanka
</option>
<option value="/index.php?option=com_content&task=view&id=301&Itemid=433"> St. Kitts & Nevis
</option>
<option value="/index.php?option=com_content&task=view&id=301&Itemid=433"> St. Lucia
</option>
<option value="/index.php?option=com_content&task=view&id=301&Itemid=433"> St. Vincent & The Grenadines
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Sudan
</option>
<option value="/index.php?option=com_content&task=view&id=301&Itemid=433"> Suriname
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Swaziland
</option>
<option value="/index.php?option=com_content&task=view&id=298&Itemid=433"> Sweden
</option>
<option value="/index.php?option=com_content&task=view&id=289&Itemid=433"> Switzerland
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Switzerland
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Syria
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Taiwan
</option>
<option value="/index.php?option=com_content&task=view&id=308&Itemid=433"> Tajikistan
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Tanzania
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Thailand
</option>
<option value="/index.php?option=com_content&task=view&id=297&Itemid=433"> Netherlands
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> The Philippines
</option>
<option value="/index.php?option=com_content&task=view&id=287&Itemid=433"> Timor
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Togo
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Tonga
</option>
<option value="/index.php?option=com_content&task=view&id=301&Itemid=433"> Trinidad & Tobago
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Tunisia
</option>
<option value="/index.php?option=com_content&task=view&id=302&Itemid=433"> Turkey
</option>
<option value="/index.php?option=com_content&task=view&id=302&Itemid=433"> Turkmenistan
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Tuvalu
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Uganda
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Ukraine
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> United Arab Emirates
</option>
<option value="/index.php?option=com_content&task=view&id=303&Itemid=433"> United Kingdom
</option>
<option value="/index.php?option=com_content&task=view&id=309&Itemid=433"> Uruguay
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> USA
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> USA
</option>
<option value="/index.php?option=com_content&task=view&id=302&Itemid=433"> Uzbekistan
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Vanuatu
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Vatican City
</option>
<option value="/index.php?option=com_content&task=view&id=301&Itemid=433"> Venezuela
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Vietnam
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Western Sahara
</option>
<option value="/index.php?option=com_content&task=view&id=287&Itemid=433"> Xnesia (islands)
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Yemen
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Zaire
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Zambia
</option>
<option value="/index.php?option=com_content&task=view&id=304&Itemid=433"> Zimbabwe
</option>
<option value="/index.php?option=com_content&task=view&id=305&Itemid=433"> Other
</option>
</select>
</form>
Hallo,
http://de.selfhtml.org/html/formulare/auswahl.htm#menuestruktur@title=optgroup könnte ein wenig Struktur in deine Liste bringen.
die Leerzeichen am Anfang der Option-Texte verhindern, dass entsprechenden Optionen angesprungen werden.
> <select name="menu" onchange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;">
<select name="menu" onchange="location.href=this.options[this.selectedIndex].value">
Gruß plan_B
Thx, für die Antwort.
Hat alles geklappt so wie ich das brauche. Danke
Fisch