Beste,
Ik ben een site aan het maken waarin een aantal javascripts zitten.
Een ervan zorgt ervoor dat wanneer in 1 select field de waarde naar iets word gezet, dat in het volgende select field een aantal waarden gedisabled worden en andersom.
Dit is de gestripte code:
PHP
<script type="text/javascript" language="javascript">
function disable(which){
document.getElementById('sellie'+which).selected = true;
document.getElementById('bring'+which).disabled = true;
document.getElementById('back'+which).disabled = true;
}
function enable(which){
document.getElementById('bring'+which).disabled = false;
document.getElementById('back'+which).disabled = false;
}
</script>
<select name="type<?php echo $sel['id']; ?>">
<option value="0" onclick="disable('<?php echo $sel['id']; ?>');">Houthakkers</option>
<option value="1" onclick="disable('<?php echo $sel['id']; ?>');">Steenhakkers</option>
<option value="2" onclick="disable('<?php echo $sel['id']; ?>');">IJzermijn</option>
<option value="3" onclick="disable('<?php echo $sel['id']; ?>');">Graanveld</option>
<option value="4" onclick="enable('<?php echo $sel['id']; ?>');">Baksteenmaker</option>
<option value="5" onclick="enable('<?php echo $sel['id']; ?>');">Plankenmaker</option>
<option value="6" onclick="enable('<?php echo $sel['id']; ?>');">Cementmaker</option>
</select>
<select name="todo<?php echo $sel['id']; ?>">
<option value="0" id="sellie<?php echo $sel['id']; ?>" selected>Ophalen</option>
<option value="1" id="bring<?php echo $sel['id']; ?>" disabled>Brengen</option>
<option value="2" id="back<?php echo $sel['id']; ?>" disabled>Terughalen</option>
</select>Zoals je al ziet zit er PHP in ;).
Het probleem is dat alles in Mozilla Firefox perfect werkt, maar dat in Google Chrome de javascript niet word aangeroepen of wat dan ook.
Ik weet niet of dit in IE, Opera of Safari ook zo is want die heb ik niet maar in Chrome dus wel.
Ik hoop dat iemand weet wat het probleem is, want ik heb dit al bij meerdere projecten gehad (nooit opgelost).
Lars Groot
