Changing rendered variable value in javascript
===

I have two elemnts in jsp and one have a rendered variable attached to one of it.


    <t:selectOneMenu id="origin" value="" styleClass="dropDown" style="width:140px">
    <f:selectItem itemValue="0" itemLabel="--Select--" />
    <f:selectItems value="values" />
    </t:selectOneMenu>
    
    <h:panelGrid rendered="#{BB.display}">
    </h:panelGrid>

on change of drop down value javascript function need to be called.
inside javascript function have to set rendered variable to true or false and accordingly the panelgroup should ne hidden/vissible.



