---
title: "OnChange och select"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/46952-onchange-och-select"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Asa"
published: "2002-06-30T13:19:12.000Z"
updated: "2002-07-01T05:59:31.000Z"
replies: 3
views: 315
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/46952-onchange-och-select"
---

# OnChange och select

## #1 — Asa, 2002-06-30T13:19Z

Jag har en selectruta där jag hämtar en huvudkategori och när jag väljer ett alternativ vill jag att alla underkategorier som finns under den man väljer visas i närsta selectruta utan att sidan laddas om!

Jag har så här nu:

\<%Set RecSet = Conn.Execute("Select \* From artiklar Where id=" & Request.QueryString("id"))%\>
  \<tr\>
    \<td width="165"\>\<b\>Huvudkategori: \</b\>\<br\>
        \<select name="typ" style="width: 140"\>
          \<option value=""\>-- Välj --
          \<%Set UIDES = Conn.Execute("SELECT \* From kategori Where id \<\> '' Order By namn") 

          Do Until UIDES.EOF%\>
               \<option value="\<%=UIDES("namn")%\>" \<%If RecSet("typ") = UIDES("id") Then Response.Write " SELECTED"%\>\>\<%=UIDES("namn")%\>\<br\>
          \<%UIDES.MoveNext 
          Loop%\>
        \</select\>
    \</td\>
    \<td width="235"\>\<b\>Underkategori: \</b\>\<br\>
        \<select name="kat" style="width: 140"\>
          \<option value=""\>-- Välj --
          \<%Set RS=Conn.Execute("Select \* From kategori Where uid='" & RecSet("typ") & "' Order By namn")

            Do Until RS.EOF%\>
               \<option value="\<%=RS("namn")%\>" \<%If RecSet("kat") = RS("namn") Then Response.Write " SELECTED"%\>\>\<%=RS("namn")%\>\<br\>
          \<%RS.MoveNext
            Loop%\>
        \</select\> 
    \</td\>
  \</tr\>

Hoppas nån kan hjälpa mig och att det går!

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

## #2 — solbulle, 2002-06-30T18:15Z

typ detta kanske: <http://javascript.internet.com/forms/country.html>

finns även några exempel i forumet någonstans.

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

## #3 — Asa, 2002-06-30T18:56Z

Hmm - okej! Men kombinerat med asp oxå eller?!

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

## #4 — Jojoxx, 2002-07-01T05:59Z

Ett exempel.

```
<script language="JavaScript" type="text/javascript">
var allakategorier = new Array(10); // 10 är antalet kategorier som finns.
for(var n=0;n<allakategorier.length;n++){
	allakategorier[n] = new Array();
}
// Lägg in datat i arrayerna från ASP här. Resultatet från ASP-koden skall alltså bli
// allakategorier[0][0]="Detta är underkategorin 1,1";
// allakategorier[0][1]="Detta är underkategorin 1,2";
// allakategorier[1][0]="Detta är underkategorin 2,1";
// allakategorier[1][1]="Detta är underkategorin 2,2";
// osv.
function showSubCategory(subCat,selectObj){
	selectObj.length=allakategorier[subCat].length;
	for(var n=0;n<allakategorier[subCat].length;n++){
		selectObj[n].text=allakategorier[subCat][n];
		selectObj[n].value=allakategorier[subCat][n];
	}
}
</script>

<form>
<select name="kategori" onChange="showSubCategory(this.selectedIndex,this.form.underkategori);">
<option>Kategori 1</option>
<option>Kategori 2</option>
<option>Kategori 3</option>
<option>Kategori 4</option>
</select>
<select name="underkategori">
</select>
</form>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/46952-onchange-och-select