JavaScript: Pegar o valor de um h:selectOneMenu e passar para um h:inputHidden

<f:subview id="sviewGrafico">
<rich:panel styleClass="panelPrincipal">
<rich:toolBar>
<h:form id="formGrafico" prependId="false">
<h:outputText value="Grupo:" />

<h:selectOneMenu value="#{graficoData.id}" id="selectGrupo"
onchange="(document.getElementById('sviewGrafico:ihCodigoGrupo').value =                                        document.getElementById('sviewGrafico:selectGrupo').value)">
<f:selectItems value="#{relatorioPerformanceMB.comboGrupo}"/>
</h:selectOneMenu>

<h:inputHidden value="#{relatorioPerformanceMB.codigoGrupo}" id="ihCodigoGrupo"/>

<h:commandButton value="Gerar" />

<a4j:commandButton value="Visualizar Relatório"
actionListener="#{relatorioPerformanceMB.gerarGrafico}"/>

</h:form>
</rich:toolBar>


<a4j:mediaOutput element="img" cacheable="false" session="true"
   createContent="#{relatorioPerformanceMB.paint}" 
   value="#{graficoData}" rendered="#{graficoData.id != null}"
   mimeType="image/jpeg"/>

</rich:panel>
</f:subview>