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

[vivekbakshi]

Hi,

I m 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

[vivekbakshi]

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.formsformform+\":\"+radio[0].checked;
if(radio)
{
document.getElementById(form+":"+picklist1).disabl ed = false;
document.getElementById(form+":"+picklist2).disabl ed = true;
}
else
if(!radio)
{
document.getElementById(form+":"+picklist1).disabl ed = true;
document.getElementById(form+":"+picklist2).disabl ed = 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>