herlaad list value adhv een andere list value
In mijn 2de krijg ik dan ook in een list de sql resultaten aan de hand van de keuze van de eerst.
Wat moet er dus gebeuren als ik in de eerste list een andere waarde kies moet dus ook mijn opties van mijn 2de list veranderen.
dit heb ik tot nu toe al :
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<script>
function funct2(){
if (document.getElementById('type').value == '1'){
<?php
$a=mysql_query("SELECT id, naam FROM db WHERE type='1'");
?>
} elseif (document.getElementById('type').value == '2'){
<?php
$a=mysql_query("SELECT id, naam FROM db WHERE type='2'");
?>
}
}
</script>
<select name="type" id="type">
<option>Maak uw keuze</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<input name="naam2" id="naam2" type="text">
<select name="naam" id="naam" style="display: none">
<option>Maak uw keuze</option>
<?php
while($b=mysql_fetch_array($a)){
?>
<option value="<?= $b['id']; ?>"><?= $b['naam']; ?></option>
<?php
}
?>
</select>
function funct2(){
if (document.getElementById('type').value == '1'){
<?php
$a=mysql_query("SELECT id, naam FROM db WHERE type='1'");
?>
} elseif (document.getElementById('type').value == '2'){
<?php
$a=mysql_query("SELECT id, naam FROM db WHERE type='2'");
?>
}
}
</script>
<select name="type" id="type">
<option>Maak uw keuze</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<input name="naam2" id="naam2" type="text">
<select name="naam" id="naam" style="display: none">
<option>Maak uw keuze</option>
<?php
while($b=mysql_fetch_array($a)){
?>
<option value="<?= $b['id']; ?>"><?= $b['naam']; ?></option>
<?php
}
?>
</select>
Mijn JS is niet zo wow.
Wat moet er dus gebeuren als ik de waarde van list "type" wijzig moet eigelijk mijn funct2() eens herladen.
Iemand een idee ?
alvast bedankt
Gewijzigd op 07/08/2013 22:27:23 door Mike Dhoore
1e met die twee options
2e moet zichtbaar worden als er voor optie 1 gekozen wordt
3e moet zichtbaar worden als er voor optie 2 gekozen wordt
met css kun je de derde in eerste instantie onzichtbaar maken; display:none;
met javascript kun je vervolgens de 2e zichtbaar maken en de 3e verbergen en vicaversa
Gewijzigd op 07/08/2013 22:59:56 door Frank Nietbelangrijk