SQL statement uitvoeren na keuze uit dropdown
Ik heb een vraag over het volgende.
Ik heb een pagina waar een dropdownmenu op staat. Door hier een keuze te maken, verschijnt een nieuwe dropdownbox (dit heb ik gedaan a.d.h.v. http://www.w3schools.com/php/php_ajax_database.asp). Nu heb ik op deze pagina een lege tabel staan welke te sorteren is (d.m.v. jQuery Tablesorter).
Nu wil ik graag het volgende. De tabel die op de pagina staat dient gevuld te worden naar aanleiding van de keuze die ik maak in het 2e dropdownmenu. Ik weet dat dit moet met Ajax, maar ik zou niet weten hoe ik het voor elkaar kan krijgen.
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<?php
// wat ik wil is dit, eerst zie je een dropdownmenu, menu1
?>
<select name="menu1" onchange="showKeuze2(this.value)">
<option value="a">Keuze 1</option>
</select>
<?php
// de waarde van Keuze 1, uit de vorige dropdown, zorgt er voor dat Keuze 2 wordt getoond
?>
<div id="Keuze2">
<select name="menu2">
<option value="ab">Keuze 2</option>
</select>
</div>
<?php
// de waarde "ab" uit keuze 2 wordt gebruikt voor het vullen van de tabel
$waarde='ab';
$sql="SELECT * FROM table WHERE value='$waarde'";
$res=mysql_query($sql);
?>
<table>
<tr>
<td><?php echo $res['vulling'];?></td>
</tr>
</table>
// wat ik wil is dit, eerst zie je een dropdownmenu, menu1
?>
<select name="menu1" onchange="showKeuze2(this.value)">
<option value="a">Keuze 1</option>
</select>
<?php
// de waarde van Keuze 1, uit de vorige dropdown, zorgt er voor dat Keuze 2 wordt getoond
?>
<div id="Keuze2">
<select name="menu2">
<option value="ab">Keuze 2</option>
</select>
</div>
<?php
// de waarde "ab" uit keuze 2 wordt gebruikt voor het vullen van de tabel
$waarde='ab';
$sql="SELECT * FROM table WHERE value='$waarde'";
$res=mysql_query($sql);
?>
<table>
<tr>
<td><?php echo $res['vulling'];?></td>
</tr>
</table>
Iemand een idee, tnx in advance
$sql="SELECT * FROM table WHERE value='".$waarde."'";
$query=mysql_query($sql);
while($res = mysql_fetch_array($query))
{
echo '<table>
<tr>
<td></td>
</tr>
</table>';
}
Zoiets? Let trouwens even op, variabelen buiten quotes en bevelig je input... SQL injecties zijn zo gedaan...
Bedankt voor je reactie, maar ik denk dat ik mijn vraag misschien niet helder heb geformuleerd.
De SQL mag pas uitgevoerd worden als keuze 2 is gemaakt én er dient geen page refresh plaats te vinden om de tabel gevuld te krijgen.
Op de manier zoals jij hem voorsteld moet er wel een pagerefresh komen.
Ik heb de oplossing gevonden, het was even zoeken, maar dan heb je ook wat zeggen ze.
D.m.v. mijn laatste dropdown riep ik een ajax functie aan waarbij dit onderdeel ook voorkwam.
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
function stateChangedTable()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("showTable").innerHTML=xmlHttp.responseText
}
}
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("showTable").innerHTML=xmlHttp.responseText
}
}
Hiermee werd de tabel, die ik eerst in een andere file had gestopt zoals in het voorbeeld van w3schools, getoond op de pagina. Om de tabel die gegenereerd was sorteerbaar te maken diende ik de sorteer functie na het uitgenereren van de tabel te laten plaats vinden. Aangezien ik werk met Jquery op mijn site kwam het e rzo uit te zien:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
function stateChangedTable()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("showTable").innerHTML=xmlHttp.responseText
$("#machine-overview").dataTable();
}
}
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("showTable").innerHTML=xmlHttp.responseText
$("#machine-overview").dataTable();
}
}
Hartelijk dank voor de reactie.