---
title: "Uppdatera listbox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/85596-uppdatera-listbox"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Liam"
published: "2003-09-09T12:46:07.000Z"
updated: "2003-09-23T21:19:56.000Z"
replies: 15
views: 328
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/85596-uppdatera-listbox"
---

# Uppdatera listbox

## #1 — Liam, 2003-09-09T12:46Z

Jag har följande fält

\<select size="1" name="kundnummer"\>
  \<option\>1929322\</option\>
  \<option\>2002020\</option\>
  \</select\>
  
  
  \<select size="1" name="foretagsnamn"\>
  \<option value="1929322"\>FÖRETAGET A\</option\>
  \<option value="2002020"\>FÖRETAGET B\</option\>
  \</select\>

När man väljer ett kundnummer i "kundnummer" så ska det fält i "foretagsnamn" som har samma value markeras.

Hur gör man detta?

Helst utan att sidan behöver uppdateras.

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

## #2 — PepeJeria, 2003-09-09T14:05Z

Ha en onChange på första som anropar ett script där du tar det selekterade värdet/texten (med hjälp av options collection) för att sedan loopa igenom den andra dropdown:en och matcha dess value. När du finner denna sätter du dess selected till true.

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

## #3 — Jesper T, 2003-09-09T14:06Z

Om du sätter dem i ordning så kan du kanske göra så här:

```
<form name="ett">
<select size="1" name="kundnummer" onChange="document.forms['ett'].elements['foretagsnamn'].selectedIndex=this.selectedIndex;"> 
<option>1</option>
<option>2</option>  
<option>3</option> 
<option>4</option> 
</select> 

<select size="1" name="foretagsnamn"> 
<option value="1">FÖRETAGET A</option> 
<option value="2">FÖRETAGET B</option> 
<option value="3">FÖRETAGET C</option> 
<option value="4">FÖRETAGET D</option> 
</select> 

</form>
```

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

## #4 — Liam, 2003-09-09T15:27Z

Tack Jesper! Det fungerade kanonbra!

Nu kom jag på en ny kul grej dock. Kan man bygga om denna till en liten sök. Dvs. Jag skriver ett nummer i 

\<input type="text" name="sok" size="20"\>

sen söker den i 

\<select size="1" name="foretagsnamn"\> 
\<option value="30"\>FÖRETAGET A\</option\> 
\<option value="26"\>FÖRETAGET B\</option\> 
\<option value="90"\>FÖRETAGET C\</option\> 
\<option value="205"\>FÖRETAGET D\</option\> 
\</select\>\</form\>

och markerar den som matchar bäst.

Dvs. Skriver jag 2 så markeras FÖRETAG B, men skriver jag 20 så markeras FÖRETAG D

Helst utan att sidan laddas om.

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

## #5 — Jojoxx, 2003-09-09T16:27Z

Ungefär [så här](http://www.jojoxx.net/jscript/archive/formsearchlist.html)? (Du får den enkelt att sökta på value istället för text genom att ändra lista\[n\].text till lista\[n\].value).

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

## #6 — Liam, 2003-09-09T17:03Z

Tack, kanonschysst!

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

## #7 — Liam, 2003-09-22T20:37Z

Hej

Jag har gjort lite modifieringar och nu fungerar det tyvärr inte.

\<select name="companynumber" onChange="document.forms\['form'\].elements\['companyname'\].selectedIndex=this.selectedIndex;"\> \>
\<option value='1'\>1\</option\>\<option value='2'\>2\</option\>\<option value='3'\>3\</option\>
\</select\>

\<select name="companyname" class="field" onChange="document.forms\['form'\].elements\['companynumber'\].selectedIndex=this.selectedIndex;"\>
\<option value='1'\>Nisse AB\</option\>\<option value='2'\>Sven AB\</option\>\<option value='3'\>Åke AB\</option\>
\</select\>

Dvs. De två fälten ska vara synkade. Väljer man t.ex. Nisse AB så se den att det är value 1 som gäller och söker upp i companynumber där value=1

jag antar att typ selectedIndex ska ändras till selectValue eller?

Kan nån hjälpa mig? 

Tack på förhand!

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

## #8 — Jesper T, 2003-09-22T20:47Z

För mig så funkar det prima med den bifogade koden. Vad felar?

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

## #9 — Liam, 2003-09-22T20:50Z

ok, jag förenklade koden lite.. egentligen är sifferfälten org.nummer som ser ut som följer XXXXXX-XXXX

hos mig väljer den fel. Jag har ingen aning om varför.

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

## #10 — Jesper T, 2003-09-22T20:54Z

Bifoga orginalkoden då.

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

## #11 — Liam, 2003-09-22T20:56Z

nu har jag hittat problemet. om man byter plats på t.ex. 2 och 3 i koden så fungerar det ej...

\<form name="form"\>

\<select name="companynumber" onChange="document.forms\['form'\].elements\['companyname'\].selectedIndex=this.selectedIndex;"\> 

\<option value='1'\>1\</option\>\<option value='3'\>3\</option\> \<option value='2'\>2\</option\>
\</select\> 

\<select name="companyname" class="field" onChange="document.forms\['form'\].elements\['companynumber'\].selectedIndex=this.selectedIndex;"\> 
\<option value='1'\>Nisse AB\</option\>\<option value='2'\>Sven AB\</option\>\<option value='3'\>Åke AB\</option\> 
\</select\>

\</form\>

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

## #12 — Jesper T, 2003-09-22T21:09Z

Precis, det förutsätter att companyname och companynumber är rätt sorterade ifrån början.
Och då kanske det är smartare att hitta en annan lösning om det skall bli lätt att sortera på både nummer och namn?

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

## #13 — Liam, 2003-09-22T21:09Z

går det att lösa?

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

## #14 — Liam, 2003-09-22T21:15Z

ok, jag ska se om jag kan komma på en annan lösning. synd att inte denna fungerade

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

## #15 — Liam, 2003-09-22T21:38Z

Jag använde jojoxx lösning. Tackar ändå så jättemycket för hjälpen!

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

## #16 — Liam, 2003-09-23T21:19Z

Jojoxx lösning ballar ur om man har ganska många options i selectboxen...

Någon som kan komma på en smidig lösning och som är snabb även med många poster?

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/85596-uppdatera-listbox