OnChange och select

3 svar · 315 visningar · startad av Asa 30 juni 2002

AsaMedlem sedan dec. 20011 860 inlägg

Trådstart30 juni 2002 13:19#1

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!

solbulleMedlem sedan mars 20015 287 inlägg

30 juni 2002 18:15#2

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

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

AsaMedlem sedan dec. 20011 860 inlägg

30 juni 2002 18:56#3

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

JojoxxMedlem sedan juni 20004 308 inlägg

1 juli 2002 05:59#4

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>