---
title: "Använda två selectboxar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/165066-använda-två-selectboxar"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "addeweb"
published: "2007-10-01T20:35:17.000Z"
updated: "2007-10-05T20:12:20.000Z"
replies: 13
views: 586
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/165066-använda-två-selectboxar"
---
# Använda två selectboxar
## #1 — addeweb, 2007-10-01T20:35Z
Jag har gjort iordning 2 st selectboxar varav ena för huvudmenyrubriker och den andra med undermenyrubriker. Tanken med denna funktion är att först välja önskad huvudmenyrubrik för att sedan få en lista med underrubriker i den andra boxen beroende på vilken huvudrubrik som valts. Om ingen val har gjorts i en av selectboxarna kan en sida bli huvudsida med egen toppmenyrubrik, annars undersida med menyrubrik om val har gjorts. När en önskad menyrubrik har valts, infogas uppgifterna från ett popup-fönster med selectboxarna i till en sida som ska läggas in i menyn och sparas. Problemet är att jag inte får fram menyrubriker i det andra selectboxen när jag valt en menyrubrik i den första boxen. I första boxen finns det också blanka rader mellan menyrubrikerna. Jag har kikat på källkoden till sidan men inte kunnat hittat felen med inga menyrubriker i det andra boxen och blankrader som uppstår i första boxen. I källkoden kunde jag också se att en menyrubrik har egna rätt underrubriker som fortfarande inte syns i andra boxen på sidan. Ingen som kan se vad jag har missat? Jag har inte gjort något liknande med 2 selectboxar tidigare, att först välja i ena boxen för att sedan välja i den andra boxen så att en sida hamnar på önskad plats. Tacksam för hjälp. Lätt att bli hemmablind på egen kod. Jag använder både javascript och PHP till denna funktion.
```php
$row){
$submenu_mid[$key] = implode(", ", $row);
}
foreach($submenu_heading as $key => $row){
$submenu_heading[$key] = implode(", ", $row);
}
?>
Välj menyrubrik
Välj menyrubrik
```
Permalänk: https://www.webforum.nu/p/165066
## #2 — Peter S, 2007-10-02T16:07Z
Jag tror det underlättar om du endast visar HTML- och JS-kod.
Permalänk: https://www.webforum.nu/p/2036111
## #3 — addeweb, 2007-10-02T17:02Z
Det skulle jag ha gjort men det är både Javascript och PHP i koden. Helheten skulle nog gå förlorat om jag separerar koden. Det är väl inte heller meningen att jag ska behöva lägga in samma sak i två olika forum? En kod för PHP-forumet och samma i Javascript-forumet? Jag kan inte stå på två ben samtidigt, därför valde jag Javascript-forumet.
Permalänk: https://www.webforum.nu/p/2036132
## #4 — Peter S, 2007-10-02T17:05Z
Men om du väljer Visa källa i webbläsaren och klistrar in resultatet här, så slipper du klippa ut PHP-koden för hand (vilket faktiskt inte alls skulle vara någon bra lösning).
Permalänk: https://www.webforum.nu/p/2036134
## #5 — addeweb, 2007-10-02T19:41Z
Ok, det skulle jag ha tänkt på. Här är källkoden.
```
Välj menyrubrik
Välj menyrubrik
```
Permalänk: https://www.webforum.nu/p/2036183
## #6 — Peter S, 2007-10-03T16:04Z
```
onchange="populate(this.selectedIndex, this.form)"
```
Permalänk: https://www.webforum.nu/p/2036357
## #7 — addeweb, 2007-10-03T19:21Z
Det fungerar men inte riktigt bra ännu eftersom den första menyrubriken överst i den första selectboxen har undermenyrubriker i andra boxen och som borde istället tillhöra den andra menyrubriken under den första.
Permalänk: https://www.webforum.nu/p/2036381
## #8 — Peter S, 2007-10-04T17:31Z
Nu skall vi se...
"den första menyrubriken överst i den första selectboxen" --\> "Ej valt", har alltså undermenyrubriker i den andra boxen? Nja, den är ju tom:
```
submenu_headings[0] = new Array();
```
Eller menar du att Näringslära, Fettförbränning och Ordlista skall visas i den andra \:en då Mat & Träning väljs? I sådana fall:
```
submenu_mids[0] = new Array();
submenu_mids[1] = new Array();
submenu_mids[2] = new Array();
submenu_mids[3] = new Array('5', '6', '11');
submenu_headings[0] = new Array();
submenu_headings[1] = new Array();
submenu_headings[2] = new Array();
submenu_headings[3] = new Array('Näringslära', 'Fettförbränning', 'Ordlista A-Ö');
```
Permalänk: https://www.webforum.nu/p/2036582
## #9 — addeweb, 2007-10-04T18:08Z
Ja, det var ju meningen att det skulle bli så. Än funkar det inte. Jag har också testat med att undanta första elementet i arrayen för rubriken "Ej valt" med så här.
```
var submenu_mids = new Array();
var submenu_headings = new Array();
submenu_mids[0] = 0;
submenu_headings[0] = "Ej valt";
submenu_mids[1] = new Array();
submenu_mids[2] = new Array('5', '6', '11');
submenu_mids[3] = new Array();
submenu_mids[4] = new Array();
submenu_headings[1] = new Array();
submenu_headings[2] = new Array('Näringslära', 'Fettförbränning', 'Ordlista A-Ö');
submenu_headings[3] = new Array();
submenu_headings[4] = new Array();
```
Det händer fortfarande att rubriken "Mat & Träning" ibland inte får underrubrikerna medan "Om mig" istället får dessa rubriker. Byter jag till annan toppmenyrubrik t.ex "Personlig träning" i första boxen ligger undermenyrubrikerna kvar i andra boxen.
Permalänk: https://www.webforum.nu/p/2036595
## #10 — Peter S, 2007-10-04T18:34Z
Med
```
var submenu_mids = new Array();
var submenu_headings = new Array();
submenu_mids[0] = new Array();
submenu_mids[1] = new Array();
submenu_mids[2] = new Array();
submenu_mids[3] = new Array('5', '6', '11');
submenu_headings[0] = new Array();
submenu_headings[1] = new Array();
submenu_headings[2] = new Array();
submenu_headings[3] = new Array('Näringslära', 'Fettförbränning', 'Ordlista A-Ö');
function populate( id, theForm ){
theForm.child_of.options.length = submenu_mids[id].length+1;
for(i=0; i:en om t.ex. Personlig Träning väljs, är att du ej lagt till några submenu_mids och submenu_headings för dem -- endast för de fyra första valen finns arrayvärden definierade.
Permalänk: https://www.webforum.nu/p/2036599
## #11 — addeweb, 2007-10-04T19:30Z
Nu förstår jag inte vad du menar. Alla menyrubriker hämtas från en databas MySQL och sorteras i viss ordningsföljd.
Permalänk: https://www.webforum.nu/p/2036618
## #12 — Peter S, 2007-10-05T11:08Z
Du har åtta \:s i den första \:en, men endast fyra arrays definierade som värden för dessa. Dessa fyra är submenu_mids och submenu_headings med index 0-3.
För att var och en av de åtta alternativen skall påverka den andra \:en, gör du bäst i att skapa arrays som motsvarar dem alla -- alltså submenu_mids och submenu_headings med index 4-7.
Permalänk: https://www.webforum.nu/p/2036691
## #13 — addeweb, 2007-10-05T11:40Z
Ojdå! Jag såg i källkoden att de 4 extra starttaggarna \ som finns där nu borde istället vara sluttaggar \.
Permalänk: https://www.webforum.nu/p/2036697
## #14 — addeweb, 2007-10-05T20:12Z
Problemet är nu löst. De båda selectboxarna fungerar fint. Det var fel på \-taggarna, \ som sluttagg istället för \.
Permalänk: https://www.webforum.nu/p/2036790
---
Tråden på webben: https://www.webforum.nu/amne/javascript/165066-använda-två-selectboxar