Wellicht is er een beter manier.
$(function() {
$("#dropdown").change(function() {
var val = $(this).val();
if(val == '1') {
$('#vertrek').hide();
$('#bestemming').show();
} else {
$('#vertrek').show();
$('#bestemming').hide();
}Dan vervolgens:
<div id="vertrek">Vertrekplaats</div>
<div id="bestemming">Bestemming</div>Werkt niet
Hoe moet k et uitvoeren?
Hallo,
Ik raad je aan om javascript/jquery te leren want daarmee los je dit op.
Mvg,
Tim
Werkt niet
Hoe moet k et uitvoeren?
Bovenaan in je head dit zetten:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script>
$(function() {
$("#dropdown").change(function() {
var val = $(this).val();
if(val == '1') {
$('#vertrek').hide();
$('#bestemming').show();
} else {
$('#vertrek').show();
$('#bestemming').hide();
}
</script>Vervolgens de HTML maken zoals J.Rijdes dat beschreef.
Ik raad je aan om eens te kijken naar de tip van Tim. Nog 'n tip: kijk eens naar de ID's.
Het voorbeeld gaat zo niet werken omdat je JavaScript-code syntaxisch niet klopt. Kijk eens naar de accolades, je sluit niet alle code blokken.
Heb je nog geen account? Registreer je nu en word deel van onze community!