disabling 'select' menu not working on IE

[ag1060]

Hello coders,

I have this small javascript code that works fine in chrome/firefox but won't disable the 'select' menu in IE...any suggestion? Thank you in advance.

<label>
Gender<br>
 <select name="gender" id="gender" onclick="if (this.checked) document.getElementById('org').disabled=true; else document.getElementById('org').disabled = false;" />
    <option selected>Male</option>
    <option>Female</option>
  </select></label>
<br><br><label>
<input type="checkbox" id="org" name="org" onclick="if (this.checked) document.getElementById('gender').disabled=true; else document.getElementById('gender').disabled = false;"  /></label>
This account is for an oganization / company.<br><br>

 

[feherke]

Hi

Better tell us your goal. For now your code is quite confusing for me, and I am sure as visitor I would find its behavior confusing too.
[ul]
[li][tt]select[/tt] elements have no [tt]checked[/tt] property.[/li]
[li]Disabling two controls on each others events usually breaks some functionality.[/li]
[/ul]

Just as a matter of readability

[gray]// instead of this[/gray]
[b]if[/b] [teal]([/teal][b]this[/b][teal].[/teal]checked[teal])[/teal] document[teal].[/teal][COLOR=darkgoldenrod]getElementById[/color][teal]([/teal][green][i]'gender'[/i][/green][teal]).[/teal]disabled[teal]=[/teal][b]true[/b][teal];[/teal] [b]else[/b] document[teal].[/teal][COLOR=darkgoldenrod]getElementById[/color][teal]([/teal][green][i]'gender'[/i][/green][teal]).[/teal]disabled [teal]=[/teal] [b]false[/b][teal];[/teal]

[gray]// personally I prefer this[/gray]
document[teal].[/teal][COLOR=darkgoldenrod]getElementById[/color][teal]([/teal][green][i]'gender'[/i][/green][teal]).[/teal]disabled[teal]=[/teal][b]this[/b][teal].[/teal]checked

Feherke.
[link feherke.github.com/]

http://feherke.github.com/

[/url]

 

[ag1060]

Hello,

Thanks for the reply. I have added your code and works fine (except on IE 9). Here's what I was trying to do:

http://oi49.tinypic.com/6s4djp.jpg

Basically it just disables if the menu if marked. I just want to make it work on IE9. I also use PHP to reinforce it but still nice to have the JS working on IE9.