Verfijnen overzicht met dropdown op zelfde pagina
Nu wil ik 1 pagina waar ik alle namen laat zien maar met bovenaan de pagina een dropdown waar ik de locaties in heb staan (is een korte lijst dus die hoeft niet via de db uitgelezen te worden). Als er dan in dit dropdown een locaties geselecteerd wordt, dat de lijst die eronder staat dan automatisch aangepast wordt.
Dus bij bezoek pagina:
Select * from OVERZICHT.
en bij selecteren uit dropdown automatisch
Select * from OVERZICHT where LOCATIE='dropdown'
Wat je hier waarschijnlijk vraagt is zo basic, dat ik zal schrijven probeer het zelf eens te coderen.
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<select name="locatie" id="locatie" onchange="javascript:RefreshPage">
<option value="locatie1">Locatie 1</option>
enz
</select>
<script type="text/javascript">
function RefreshPage() {
url= "/haalgevensop.php?locatie=" + document.getElementById("locatie").value;
window.location.href = url;
}
</script>
<option value="locatie1">Locatie 1</option>
enz
</select>
<script type="text/javascript">
function RefreshPage() {
url= "/haalgevensop.php?locatie=" + document.getElementById("locatie").value;
window.location.href = url;
}
</script>
Toevoeging op 23/11/2011 15:00:16:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<select name="locatie" id="locatie" onchange="javascript:RefreshPage">
<option value="locatie1">Locatie 1</option>
enz
</select>
<script type="text/javascript">
function RefreshPage() {
url= "/haalgevensop.php?locatie=" + document.getElementById("locatie").value;
window.location.href = url;
}
</script>
<option value="locatie1">Locatie 1</option>
enz
</select>
<script type="text/javascript">
function RefreshPage() {
url= "/haalgevensop.php?locatie=" + document.getElementById("locatie").value;
window.location.href = url;
}
</script>