How to use "selectOneRadio" to enable/disable a Picklist.

Question

Hi,
I m new to JSF and having a requirement to enable/disable two picklists using "<h:selectOneRadio>".
Kindly reply if anyone has done similar thing before or if any one can provide any suggestions on how to acheive this?
Thanks in Advance!
Vivek

Answer 1

Finally,
I found a way to get this done... I managed to get this work using JavaScript. Look for the code below.
<script type="text/javascript">
function enablePickList(form,radio,picklist1,picklist2)
var radio = document.forms[form][[form+":"+radio|http://www-128.ibm.com/developerworks/forums/]][0].checked;
if(radio)
document.getElementById(form+":"+picklist1).disabled = false;
document.getElementById(form+":"+picklist2).disabled = true;
else
if(!radio)
document.getElementById(form+":"+picklist1).disabled = true;
document.getElementById(form+":"+picklist2).disabled = false;
</script>
<h:selectOneRadio id="myRadio1"
value="#{GLAccountDimension.enablePicklist}" onclick="enablePickList ('glaccountinsert','myRadio1','AccountLevelList1','AccountLevelList2');">
<j:selectItem itemValue="true" itemLabel="Select">
<h:selectOneMenu id="AccountLevelList1"
value="#{GLAccountDimension.glAccountLevel1}"
immediate="true" disabled="true">
<j:selectItems value="#{GLAccountDimension.glAccountLevel1List}" />
</h:selectOneMenu>
</j:selectItem>
<j:selectItem itemValue="false" itemLabel="Select">
<h:selectOneMenu id="AccountLevelList2"
value="#{GLAccountDimension.glAccountLevel2}"
immediate="true" disabled="true">
<j:selectItems value="#{GLAccountDimension.glAccountLevel2List}" />
</h:selectOneMenu>
</j:selectItem>
</h:selectOneRadio>