Dit werkt perfect als je de waarde nog moet kiezen maar niet als ze al gekozen is zoals hieronder. Dit betreft een aanpaspagina van eerder ingevulde gegevens.
De dropdown:
$sql = "SELECT * FROM accountics WHERE id = '$id'";
$res = mysql_query($sql) or die (mysql_error());
while($row = mysql_fetch_assoc($res)) {
<div class="col-sm-10">
<select name="categorie" class="form-control" id="selectMe">
<option selected value="<?php echo $row['categorie']; ?>"><?php echo $row['categorie']; ?></option>
<?php
$sql1 = "SELECT distinct naam FROM lijst_accountics_categorie";
$res1 = mysql_query($sql1) or die (mysql_error());
while($row = mysql_fetch_assoc($res1)) {
?>
<option value="<?php echo $row['naam']; ?>"><?php echo $row['naam']; ?></option>
<?php
}
$sql = "SELECT * FROM accountics WHERE id = '$id'";
$res = mysql_query($sql) or die (mysql_error());
while($row = mysql_fetch_assoc($res)) {
?>
</select>
</div>
Daaronder komen de div's die moeten opgeroepen worden afhankelijk van de selectie uit de dropdown.
<!-- Start restaurant -->
<div id="Restaurant" class="group">
<div class="col-sm-10">
<input type="text" name="bedrag1_excl" class="form-control" id="field-1" value="<?php echo $row['bedrag1_excl']; ?>">
</div>
</div>
<!-- Start als categorie niet gelijk is aan Restaurant -->
<div id="Geen" class="group">
<div class="col-sm-10">
<input type="text" name="bedrag_excl" class="form-control" id="field-1" value="<?php echo $row['bedrag_excl']; ?>">
</div>
</div>
</div>
Hieronder hebben we de javascript die daarbij hoort. Denk dat hier wel nog enkele wijzigingen zullen aan moeten gebeuren om dit goed werkende te krijgen. Verder uitleg staat onder de javascript code.
De waarde 'Geen' betreft alles wat niet als restaurant is geselecteerd.
<script>
$(document).ready(function () {
$('.group').hide();
$('#Geen').show();
$('#selectMe').change(function () {
$('.group').hide();
var Restaurant = document.getElementById("selectMe").value;
if(Restaurant === 'Restaurant') {
$('#Restaurant').show();
} else {
$('#Geen').show();
}
})
});
</script>
Als ik die aanpaspagina refresh staan de waarden uit de database in de dropdown wel juist ingevuld maar de velden die overeen komen met de geselecteerde waarde houden geen rekening met de javascript. Dus ze komen niet naar boven. Wat is er aan mijn javascript fout?
