Je moet een functie init () maken die je koppelt aan het onload event van het window. Iets in deze geest:
function init () {
// hier kijken welke optie geselecteerd is en dan de goede velden disablen
}
window.onload = init;
Link gekopieerd
@ Jan,"GetElementById" -- zelfs dat weet ik dus niet ...
Link gekopieerd
Ik zal morgen even voor je kijken. Stuur me maar een PM om te helpen herinneren ;-)
Link gekopieerd
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type="text/javascript">
function init () {
var _myselect = document.getElementById ('myselect');
_myselect.onchange = function () {
return handle_select (this);
}
}
function handle_select (obj) {
var _text1 = document.getElementById ('text1');
var _text2 = document.getElementById ('text2');
var _text3 = document.getElementById ('text3');
var _text4 = document.getElementById ('text4');
if (obj.value == 1) {
_text1.disabled = '';
_text2.disabled = '';
_text3.disabled = 'disabled';
_text4.disabled = 'disabled';
}
if (obj.value == 2) {
_text1.disabled = 'disabled';
_text2.disabled = 'disabled';
_text3.disabled = '';
_text4.disabled = '';
}
}
window.onload = init;
</script>
</head>
<body>
<form method="post" action="#">
<select id="myselect">
<option value="1">select 1</option>
<option value="2">select 2</option>
</select>
<input id="text1" type="text" value="veld 1">
<input id="text2" type="text" value="veld 2">
<input id="text3" type="text" value="veld 3" disabled="disabled">
<input id="text4" type="text" value="veld 4" disabled="disabled">
</form>
</body>
</html>
(code getest in FF)
Link gekopieerd
Hoe realiseer ik dit?
Dat noemen ze een radiobutton. Wat heb je aan een selectiebox waarbij je niet alles kun selecteren?
Link gekopieerd
