Avatar billede okidoky Nybegynder
23. maj 2006 - 13:04 Der er 9 kommentarer og
1 løsning

Problem med select

Hej

Vil gerne lave noget lignende det her i asp.

http://www.dynamicdrive.com/dynamicindex16/chainedselects/index.htm

??
Avatar billede nico26 Nybegynder
23. maj 2006 - 13:21 #1
det er vist lavet med AJAX
Avatar billede fennec Nybegynder
23. maj 2006 - 13:30 #2
Du skal jo bare downloade koden fra hjemmesiden. Den er pakket i en zip fil til dig.

Tjek eksemplerne der følger med.
Avatar billede okidoky Nybegynder
23. maj 2006 - 13:31 #3
AJAX OMO eller DEMO :), jeg vil gerne vide hvordan man laver den i asp :)
Avatar billede okidoky Nybegynder
23. maj 2006 - 13:31 #4
Ja jeg har doanloadet den, men ville bare vide hvordan man laver det i asp`?
hvis man kan
Avatar billede fennec Nybegynder
23. maj 2006 - 13:41 #5
Det kan ikke laves i ASP. Det sker clientside gennem ganske almindelig JavaScript.

Det eneste du kan bruge ASP til, er til at opbygge datarækkerne. Det er den kode der ligger i *config.js filerne. Denne JS kode kan du flytte ind på din ASP side, også generere koden ud fra f.eks DB udtræk.
Avatar billede nico26 Nybegynder
23. maj 2006 - 13:44 #6
du kan lave noget lignende i asp - du er bare nødt til at reloade side hver gang du vælger i en select
Avatar billede fennec Nybegynder
23. maj 2006 - 13:50 #7
Lidt bedre forklaring...

I stedet for at ligge "data" i *config.js filen også inkludere den, kan du flytte det hele over i "hoved" filen. Her er et eks på hvordan det første eksempel ville se ud:

<html>

<head>
<title>Chained Selects</title>

<script language="javascript" src="chainedselects.js">

/***********************************************
* Chained Selects script- By Xin Yang (http://www.yxscripts.com/)
* Script featured on/available at http://www.dynamicdrive.com/
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var hide_empty_list=true;

addListGroup("vehicles", "car-makers");

addList("car-makers", "Select a maker", "", "dummy-maker");
addList("car-makers", "Toyota", "Toyota", "Toyota");
addList("car-makers", "Honda", "Honda", "Honda");
addList("car-makers", "Chrysler", "Chrysler", "Chrysler", 1);

addList("dummy-maker", "Not available", "", "dummy-car");

addOption("dummy-car", "Not available", "");

addList("Toyota", "Select vehicle type", "", "dummy-toyota");
addList("Toyota", "Cars", "car", "Toyota-Cars");
addList("Toyota", "SUVs/Van", "suv", "Toyota-SUVs/Van");
addList("Toyota", "Trucks", "truck", "Toyota-Trucks", 1);

addOption("dummy-toyota", "Not available", "");

addOption("Toyota-Cars", "Select a model", "");
addOption("Toyota-Cars", "Avalon", "Avalon");
addOption("Toyota-Cars", "Camry", "Camry");
addOption("Toyota-Cars", "Celica", "Celica");
addOption("Toyota-Cars", "Corolla", "Corolla");
addOption("Toyota-Cars", "ECHO", "ECHO");

addOption("Toyota-SUVs/Van", "Select a model", "");
addOption("Toyota-SUVs/Van", "4Runner", "4Runner");
addOption("Toyota-SUVs/Van", "Highlander", "Highlander");
addOption("Toyota-SUVs/Van", "Land Cruiser", "Land Cruiser");
addOption("Toyota-SUVs/Van", "RAV4", "RAV4");

addOption("Toyota-Trucks", "Select a model", "");
addOption("Toyota-Trucks", "Tacoma", "Tacoma");
addOption("Toyota-Trucks", "Tundra", "Tundra", 1);

addList("Honda", "Select vehicle type", "", "dummy-honda");
addList("Honda", "Cars", "car", "Honda-Cars");
addList("Honda", "SUVs/Van", "suv", "Honda-SUVs/Van", 1);

addOption("dummy-honda", "Not available", "");

addOption("Honda-Cars", "Select a model", "");
addOption("Honda-Cars", "Accord Sedan", "Accord Sedan");
addOption("Honda-Cars", "Accord Coupe", "Accord Coupe");
addOption("Honda-Cars", "Civic Sedan", "Civic Sedan");
addOption("Honda-Cars", "Civic Coupe", "Civic Coupe");
addOption("Honda-Cars", "Civic Hybrid", "Civic Hybrid");

addOption("Honda-SUVs/Van", "Select a model", "");
addOption("Honda-SUVs/Van", "CR-V", "CR-V");
addOption("Honda-SUVs/Van", "Pilot", "Pilot");
addOption("Honda-SUVs/Van", "Odyssey", "Odyssey", 1);

addList("Chrysler", "Select vehicle type", "", "dummy-chrysler");
addList("Chrysler", "Cars", "car", "Chrysler-Cars", 1);
addList("Chrysler", "SUVs/Van", "suv", "Chrysler-SUVs/Van");

addOption("dummy-chrysler", "Not available", "");

addOption("Chrysler-Cars", "Select a model", "");
addOption("Chrysler-Cars", "300M", "300M");
addOption("Chrysler-Cars", "PT Cruiser", "PT Cruiser", 1);
addOption("Chrysler-Cars", "Concorde", "Concorde");
addOption("Chrysler-Cars", "Sebring Coupe", "Sebring Coupe");

addOption("Chrysler-SUVs/Van", "Select a model", "");
addOption("Chrysler-SUVs/Van", "Town & Country", "Town & Country");
addOption("Chrysler-SUVs/Van", "Voyager", "Voyager");

//-->
</SCRIPT>
</head>

<body onload="initListGroup('vehicles', document.forms[0].make, document.forms[0].type, document.forms[0].model)">
<h2>Chained Selects Example I</h2>

<table align="center" cellpadding="0" cellspacing="0" border="0" width="90%"><tr><td>

<form>
<table align="center"><tr>
<td>Select a vehicle:&nbsp;</td>
<td><select name="make" style="width:160px;"></select></td>
<td><select name="type" style="width:160px;"></select></td>
<td><select name="model" style="width:160px;"></select></td>
<td><input type="button" value="Reset" onclick="resetListGroup('vehicles')">
</tr></table>
</form>

</body>
<p align="center" class="copyright">Copyright 2004&nbsp;&nbsp;&nbsp;&nbsp;Xin Yang</p>
</html>

Alle de addList() og addOption() kan du udskrive gennem ASP:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var hide_empty_list=true;
<%
response.write "addListGroup('vehicles', 'car-makers');"
response.write "addList('car-makers', 'Select a maker', '', 'dummy-maker');"
...
%>
//-->
</SCRIPT>

Du kan så via en DB udfulde med data istedet.
Avatar billede okidoky Nybegynder
23. maj 2006 - 19:16 #8
nico26, ja jeg ved den skal opdateres hvergang men vælger en select, den er jeg også med på, for de punkter jeg skal have deri, skal trækkes ud fra en db
Avatar billede okidoky Nybegynder
25. maj 2006 - 14:30 #9
lukker
Avatar billede okidoky Nybegynder
25. maj 2006 - 14:30 #10
hmmm...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester