Set JSF's select box h:selectOneMenu as a method of non editable state

1. Js code:

 
function init() { 
document.getElementById("studyPhase").disabled=true; 
} 

2. H :selectOneMenu drop-down box

 
<h:selectOneMenu id="studyPhase" value="#{schoolfellowInfoEdit.studyPhase}" > 
<f:selectItems value="#{schoolfellowInfoEdit.studyPhaseNamesItems}"/> 
</h:selectOneMenu>