---
title: "Javascript / Droplist problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/176934-javascript-droplist-problem"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "giddan"
published: "2009-02-14T19:43:31.000Z"
updated: "2009-02-14T22:18:40.000Z"
replies: 9
views: 1253
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/176934-javascript-droplist-problem"
---

# Javascript / Droplist problem

## #1 — giddan, 2009-02-14T19:43Z

Hejsan, jag får verkligen inte detta till att fungera. Se om ni hittar vad det beror på.

```php
<SCRIPT LANGUAGE="JAVASCRIPT">

 

    function formHandler(){

    var URL = document.form.char.site.options[document.form.char.site.selectedIndex].value;

    window.location.href = URL;   
	

 

</SCRIPT>
```

```
 <form name="form" id="form" action="">
   
   <input name="char" id="char" type='text' size='30' value="">

   <SELECT NAME="site" onchange="formHandler()" SIZE="1" selected>

    <OPTION VALUE="">

      Search with . . .

    <OPTION VALUE="http://www.erig.net/xphist.php"> erig.net

    <OPTION VALUE="http://www.pskonejott.com/otc_display.php"> pskonejott.com

    <OPTION VALUE="http://www.tibia.com/community/?subtopic=character"> tibia.com
	
	<OPTION VALUE="http://tibia.wikia.com/wiki/Special:Search"> tibia.wikia.com

   </SELECT>
  </FORM>
```

Tack på förhand!

Permalänk: https://www.webforum.nu/p/176934

## #2 — voigtann1, 2009-02-14T19:46Z

```
    function formHandler(){

    var URL = document.form.char.site.options[document.form.char.site.selectedIndex].value;

    window.location.href = URL;
```

Står ju att du söker efter char.site
vilket inte ser riktigt korrekt ut enligt din struktur.

```
    function formHandler(){

    var URL = document.form.site.options[document.form.site.selectedIndex].value;

    window.location.href = URL;
```

Borde fungera bättre (annars kan du sätta ett id på select-elementet) och köra en document.getElementById.

Permalänk: https://www.webforum.nu/p/2168982

## #3 — giddan, 2009-02-14T19:58Z

Tack för det snabba svaret, det fungerar dock inte. 
Jag ska förklara hur jag vill ha det.

t.ex om jag skriver "bubble" i textfältet väljer tibia.com så ska sidan 

"http://www.tibia.com/community/?subtopic=character&name=bubble" öppnas

om jag väljer erig.net så ska sidan

"http://www.erig.net/xphist.php?player=bubble" öppnas

osv.

Permalänk: https://www.webforum.nu/p/2168983

## #4 — nitro2k01, 2009-02-14T20:25Z

Förutom det felet voigtann1 påpekade så saknar du } som ska stänga funktionen. Dessutom kan du skicka med en referens till elementet så slipper du leta rätt på med document.etc... (Funkar dock bara inifrån en onxxx-handler) Jag passade även på att göra om HTML4 till XHTML. (Genom att skriva taggarna med små bokstäver samt sumpa language till förmån för type)

```
<script type="text/javascript">
function formHandler(el){ 
    var URL = el.options[el.selectedIndex].value; 
    window.location.href = URL;
}
</script>
```

```
   <select name="site" onchange="formHandler(this)" size="1" selected>
```

Annars såsom voigtann1 sade:

```
<script type="text/javascript">
function formHandler(){ 
    var URL = document.form.site.options[document.form.site.selectedIndex].value;
    window.location.href = URL;
}
</script>
```

Permalänk: https://www.webforum.nu/p/2168988

## #5 — nitro2k01, 2009-02-14T20:30Z

För övrigt så flyttas tråden från **Webbutveckling - Övrigt** till **Javascript, DHTML**.

Permalänk: https://www.webforum.nu/p/2168991

## #6 — giddan, 2009-02-14T20:42Z

> **[nitro2k01 skrev:](https://www.webforum.nu/p/1456527)**
>
> Förutom det felet voigtann1 påpekade så saknar du } som ska stänga funktionen. Dessutom kan du skicka med en referens till elementet så slipper du leta rätt på med document.etc... (Funkar dock bara inifrån en onxxx-handler) Jag passade även på att göra om HTML4 till XHTML. (Genom att skriva taggarna med små bokstäver samt sumpa language till förmån för type)
>
>
> ```
> <script type="text/javascript">
> function formHandler(el){ 
>     var URL = el.options[el.selectedIndex].value; 
>     window.location.href = URL;
> }
> </script>
> ```
>
>
>
> ```
>    <select name="site" onchange="formHandler(this)" size="1" selected>
> ```
>
> Annars såsom voigtann1 sade:
>
> ```
> <script type="text/javascript">
> function formHandler(){ 
>     var URL = document.form.site.options[document.form.site.selectedIndex].value;
>     window.location.href = URL;
> }
> </script>
> ```

Tack för svaret... Men mitt stora problem kvarstår fortfarande.

När jag väljer ett alternativ i droplisten är meningen att den ska ta informationen i textfältet och lägga till det efter den valda länken.

som jag skrev innan

> t.ex om jag skriver "bubble" i textfältet väljer tibia.com så ska sidan
> 
> "http://www.tibia.com/community/?subtopic=character&name=bubble" öppnas
> 
> om jag väljer erig.net så ska sidan
> 
> "http://www.erig.net/xphist.php?player=bubble" öppnas

Permalänk: https://www.webforum.nu/p/2168997

## #7 — voigtann1, 2009-02-14T21:28Z

Läs vad din funktion gör, din kod säger bara: gå till sidan som value har i din select box.

Du får ju bygga om funktionen och även texten som är dina länkar, och bygga ihop vad din input-text är ihop med dina values i din select-element.

Exempelvis:

```
window.location.href = URL + document.getElementById("char");
```

.

Permalänk: https://www.webforum.nu/p/2169006

## #8 — giddan, 2009-02-14T21:41Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1456545)**
>
> Läs vad din funktion gör, din kod säger bara: gå till sidan som value har i din select box.
> 
> Du får ju bygga om funktionen och även texten som är dina länkar, och bygga ihop vad din input-text är ihop med dina values i din select-element.
> 
> Exempelvis:
>
>
> ```
> window.location.href = URL + document.getElementById("char");
> ```
>
> .

Okej!
Det som händer nu är att den endast lägger till \[object\] efter URL adressen...

Förstår verkligen inte alls varför..

lagt upp det här

<http://giddan.com/test.html>

Permalänk: https://www.webforum.nu/p/2169010

## #9 — voigtann1, 2009-02-14T21:52Z

document.getElementById("char").value;

skall det vara, du får läsa lite vad getElementById gör, den retunera ett objekt.

Permalänk: https://www.webforum.nu/p/2169012

## #10 — giddan, 2009-02-14T22:18Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1456551)**
>
> document.getElementById("char").value;
> 
> skall det vara, du får läsa lite vad getElementById gör, den retunera ett objekt.

Tack! Fungerar alldeles utmärkt!

Permalänk: https://www.webforum.nu/p/2169015

---

Tråden på webben: https://www.webforum.nu/amne/javascript/176934-javascript-droplist-problem