Avatar billede tjaz Nybegynder
16. december 2004 - 20:50 Der er 1 kommentar og
1 løsning

Opdater <select> uden reload

Hej,

Jeg har på min side et par:

<select>
<option value=""></option>
</select>

Hvor jeg i den første henter en kategori ind fra en db i den næste skal så komme de underkategorier som passer til hovedkategorien.

Jeg kunne forstille mig at det er noget med at jeg skal indhente alle oplysningerne når siden loader og så ved hjælp af et javascript få den til at sortere efter det som bliver valgt i den første select...

Men hvordan og husk det skal være uden at siden skal reloade?

//TjaZ
Avatar billede tjaz Nybegynder
16. december 2004 - 20:51 #1
Det med at hente oplysningene fra db har jeg helt styr på så det er kun javascript delen til selectboksene som jeg er i tvivl om
Avatar billede tjaz Nybegynder
16. december 2004 - 21:05 #2
fandt svaret i det her:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>YUSAIRI's Page : http://www.vss.com.my</title>
</head>

<script type="text/javascript">

var nullValue = new Array(" ");
var a = new Array("a1","a2","a3","a4");
var b = new Array("b1","b2","b3","b4","b5","b6");
var c = new Array("c1","c2","c3");
var d = new Array("d1","d2","d3","d4","d5","d6","d7");
var e = new Array("e1","e2");

function ShowSelect(arrayValue)
{
var numbers_select = window.document.form1.two;
var the_array = eval(arrayValue);
setOptionText(window.document.form1.two, the_array);
}

function setOptionText(the_select, the_array)
{
for (var loop=the_select.length;loop>=0;loop--)
the_select.options[loop] = null;

for (loop=0; loop < the_array.length; loop++)
{
the_select.options[the_select.length] = new Option(the_array[loop],the_array[loop]);
}

}
</script>

<body>
<form name="form1" method="post" action="">
Select
<select name="one" id="one" onchange="ShowSelect(window.document.form1.one.options[selectedIndex].value);">
<option value="nullValue" selected></option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
<option value="e">e</option>
</select>
<br>
Result
<select name="two" id="two">
</select>
</form>
</body>
</html>
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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