PDA

Bekijk Volledige Versie : javascript enable/disabled in een dropdownmenu



ikkuh
06/07/04, 00:28
Hier een vraagje voor een form scripje waar ik mee bezig ben.

Ik wil vanuit een dropdown menu, een text input enablen zonder screen refresh,.. Ik heb even op het internet gezocht en kom een heel eind,.. alleen krijg ik het niet voor elkaar met mijn n00b style javascript,

het volgende scripje werkt, Dit is de "tutorial" die ik op het web vond
;

#############################################
<script>
function disable_enable(){
if (document.all || document.getElementById){
if (document.test1.test2.disabled==true)
document.test1.test2.disabled=false
else
document.test1.test2.disabled=true
}
}
</script>
<form name="test1">
<p><input type="button" value="A Button" name="test2" disabled> <a
href="javascript:disable_enable()">Click here</a></p>
</form>

##############################################

Nu het dropdownmenu,

##############################################

<script>
function disable_enable(){
if (document.all || document.getElementById){
if (document.test1.test2.disabled==true)
document.test1.test2.disabled=false
else
document.test1.test2.disabled=true
}
}

</script>
<form name="test1">
<p><input type="button" value="A Button" name="test2" disabled> <select name=test>
<option selected>You can't continue</option>
<option value="javascript:disable_enable()">hopeless</option>

</form>
##############################################

Ik heb reeds een paar option values/onclicks ed geprobeert maar ik kom niet echt verder,.. heefd een van jullie een idee??


TnX

V. Kleijnendorst
06/07/04, 00:53
Snap niet helemaal wat je bedoelt...
Helpt dit je een beetje op weg?



<html>
<head>
<script type="text/javascript">

function getState(){
s = document.formulier.dropdown.selectedIndex;
if (s == 0){
document.formulier.textfield.disabled = true;
} else {
document.formulier.textfield.disabled = false;
}
}
</script>
</head>
<body>
<form name="formulier">
<p><select size="1" name="dropdown" onChange="getState();">
<option selected="selected">textfield disabled</option>
<option>textfield enabled</option>
</select><br />
<input type="text" name="textfield" size="20" disabled="disabled" /></p>
</form>
</body>
</html>



php tags voor de colorcoding

MrD
06/07/04, 00:56
Ga het niet helemaal voorkauwen maar je moet een onChange in de <select> tag doen die de functie aanroept met de bijv. de value van de <option> (enable of disable) of checken of het enabled is en dan disablen of andersom.

V. Kleijnendors was me voor, komt op zelfde neer wat ik bedoelde :)

ikkuh
06/07/04, 18:17
Tnks mensen,...

Alles werkt als dat ik had gehoopt,..

nogmaals dank.