13. juli 2003 - 10:47
Der er
17 kommentarer og 1 løsning
Aktivering af select
Hvordan aktivere/deaktivere man en eller flere 'select' ved at sætte hak i en checkbox ? (ligesom her på eksperten under 'Box indstillinger')
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
Slettet bruger
13. juli 2003 - 10:50
#1
<form> <input type="checkbox" onClick="this.form.sel.disabled = !this.checked;"> <select name="sel" disabled="disabled"> ... </select> </form>
<script language="JavaScript"> function check() { if (document.form.checkbox.checked) { document.form.sel.disabled = false; return true; } else { document.form.sel.disabled = true; return false; } } </script> <form name="form"> <input type="checkbox" name="checkbox" value="checked" onClick="check()"><br> <SELECT NAME="sel" DISABLED> <option>123 <option>123 </SELECT> <INPUT TYPE="submit" name="send" value="Send"> </form>
Slettet bruger
13. juli 2003 - 11:11
#3
ellebaek>> Det kan man vist næppe kalde smartere end mit forslag.
næ... Kan man sikkert ikke, men det virker!
phoenixv: Virker perfekt, men hvad hvis man har FLERE 'select' der skal aktiveres ? Lige nu har jeg: <form> <fieldset> <input type="checkbox" onClick="this.form.select1.disabled = !this.checked;"> <select name="select1" disabled="disabled"> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value ="opel">Opel</option> <option value ="audi">Audi</option> </select> <select name="select2" disabled="disabled"> <option value ="volvo">Peter</option> <option value ="saab">Lars</option> <option value ="opel">Hans</option> <option value ="audi">Frederik</option> </select> </fieldset> </form> Hvordan får jeg den anden (og evt. en tredje) select koblet på ?
Skal de alle disables af den samme checkbox ?-) En lidt fræk javascript-konstruktion: <input type="checkbox" onClick="this.form.select1.disabled = this.form.select2.disabled = !this.checked;">
<script language="JavaScript"> function check() { if (document.form.checkbox.checked) { document.form.sel1.disabled = false; document.form.sel2.disabled = false; return true; } else { document.form.sel1.disabled = true; document.form.sel2.disabled = true; return false; } } </script> Det kan også gøres på denne måde...
Smukt :) phoenixv, ellebaek, roenving, smid nogle svar, det virker jo det hele !! roenving...du mangler stadig at svare i det andet spørgsmål ;)
I det andet spm er det grunkens point -- her er det phoenixv's ,-)
13. juli 2003 - 15:05
#10
Ok, men de svarer jo ikke, hvad skal mand gøre :(
13. juli 2003 - 15:06
#11
roenving: Forresten, kender du en rigtig god javascript bog, gerne af nyere dato ? Helst på amazon.co.uk.
Slettet bruger
14. juli 2003 - 10:24
#13
Svar. ellebaek>> Der er jo ingen grund til at komme med en ny løsning, når nu en foregående (og enklere) virker korrekt.
14. juli 2003 - 10:40
#14
>>phoenixv -- jeg ville endda sige: (og ovenikøbet enklere)
Slettet bruger
14. juli 2003 - 11:24
#15
:)
Slettet bruger
14. juli 2003 - 12:18
#16
Hov, roenving skulle da vist også have noget! :) Bare sig til, hvis du vil have din del af kagen.
14. juli 2003 - 12:20
#17
Nej phoenixv, se 13/07-2003 14:59:14
Slettet bruger
14. juli 2003 - 12:21
#18
:) Jeg takker så.
Vi tilbyder markedets bedste kurser inden for webudvikling