Using javascript : menutabs/ commandMenuItem has to get selected. How?

Question

I have piece of code in my jspx JSF page as follows
<af:menuTabs id="menuTabs1">
<af:commandMenuItem id="wo1" text="#{msg['menubar.workorder']}" onclick="javascript: getSubMenu('#{msg['menubar.workorder']}');"
action="#{MenuSubMenu.menuButton_Action}" />
<af:commandMenuItem id="ts1" text="#{msg['menubar.troubleshooting']}" onclick="javascript: getSubMenu('#{msg['menubar.troubleshooting']}');"
action="#{MenuSubMenu.menuButton_Action}"/>
</af:menuTabs>
Using java script function i want to make the clicked CommandMenuItem as selected.
i tried like this
if(document.getElementById('tilesView2:menu:menu:menuTabs1:wo1') !=null)
alert("6");
document.getElementById('menuTabs1:wo1').selected = true;
But it is not getting selected.
Need help!!!!!!!!!

Answer 1

Thanks jgkoops.
I agree that the "selected" property is limited to select box options and radio buttons...in normal HTML tags scenario.
But in ADF tags when you see list of attributes of <af:commandMenuItem> we have "selected" as one of those.
As we can call the attributesNames in javascript as document.getElementByID('idName').attributeName = "something";
i.e., document.getElementByID('wo1').style = "some Style";
document.getElementByID('wo1').name = "some Name"
document.getElementByID('wo1').value = "some Value "...etc
the above said are working but
document.getElementByID('wo1').selected="true"; is not working.
Hope you understand my argument.