Ik heb een onChange selectbox. Nu wil ik, wanneer ik iets selecteer, de gegevens zien van het geselecteerde vanuit de database. Dit wil ik zonder pagina refresh. Hij moet wanneer ik iets selecteer dus de gegevens uit de database kunnen lezen.
Nu lukt dit alleen niet. De 'output' wordt op de pagina gewoon weergegeven. Maar via de database ziet hij niks. Wanneer ik de query echo geeft hij wel de juiste query aan. Maar de resultaten waar ik heen vraag geeft hij niet weer.
Ik heb hieronder (dit is een voorbeeld) de files neergezet. Ik zou dus willen dat hij mij de database gegevens toont van de geselecteerde ID's. Die bij de ID horen.
Javascript
[JS]<script>
function onSelectChange() {
var dropdown = document.getElementById("personen");
var index = dropdown.selectedIndex;
var ddVal = dropdown.options[index].value;
var ddText = dropdown.options[index].text;
if(ddVal != 0) {
output = "Naam persoon " + ddText;
naampers = ddVal;
}
document.getElementById("output").innerHTML = output;
document.getElementById("naampers").innerHTML = naampers;
}
</script>[/JS]
Select Box
De output waarde
Dit is de SQL
[SQL]$sql_output = "SELECT persoon_leeftijd FROM personen WHERE persoon_id = '$output'";[/SQL]
Dit geeft hij wel aan. Maar zo gauw ik vraag naar leeftijd ziet hij deze niet. Wanneer ik kijk naar het aantal resultaten (mysql_num_rows) geeft hij ook 0 aan.
[SQL]SELECT persoon_leeftijd FROM personen WHERE persoon_id = '3'[/SQL]
Hopelijk is duidelijk wat ik bedoel.
Ik denk dat de <span> voor problemen zorgt.
Nu lukt dit alleen niet. De 'output' wordt op de pagina gewoon weergegeven. Maar via de database ziet hij niks. Wanneer ik de query echo geeft hij wel de juiste query aan. Maar de resultaten waar ik heen vraag geeft hij niet weer.
Ik heb hieronder (dit is een voorbeeld) de files neergezet. Ik zou dus willen dat hij mij de database gegevens toont van de geselecteerde ID's. Die bij de ID horen.
Javascript
[JS]<script>
function onSelectChange() {
var dropdown = document.getElementById("personen");
var index = dropdown.selectedIndex;
var ddVal = dropdown.options[index].value;
var ddText = dropdown.options[index].text;
if(ddVal != 0) {
output = "Naam persoon " + ddText;
naampers = ddVal;
}
document.getElementById("output").innerHTML = output;
document.getElementById("naampers").innerHTML = naampers;
}
</script>[/JS]
Select Box
PHP:
<select id="personen" onChange="onSelectChange();" class="choice">
<option value="">Select Persoon</option>
<?php
$sql_usrang = "SELECT persoon_id, persoon_naam FROM personen
GROUP BY persoon_id";
$result_usrang = mysql_query($sql_usrang) or die (mysql_error());
while ($row_usrang = mysql_fetch_array($result_usrang))
{
?>
<option value="<?php echo $row_usrang['persoon_id']; ?>"><?php echo $row_usrang['persoon_naam']; ?></option>
<?php
}
?>
</select>De output waarde
PHP:
$output = "<span id=naampers> </span>";Dit is de SQL
[SQL]$sql_output = "SELECT persoon_leeftijd FROM personen WHERE persoon_id = '$output'";[/SQL]
Dit geeft hij wel aan. Maar zo gauw ik vraag naar leeftijd ziet hij deze niet. Wanneer ik kijk naar het aantal resultaten (mysql_num_rows) geeft hij ook 0 aan.
[SQL]SELECT persoon_leeftijd FROM personen WHERE persoon_id = '3'[/SQL]
Hopelijk is duidelijk wat ik bedoel.
Ik denk dat de <span> voor problemen zorgt.
Laatst bewerkt:
