Disable a multipicklist depending on other picklist value

Question

I want to disable a multipicklist field, depending on other picklist field value.

if picklist__c is 'Inactive', then disable multipicklist__c. I used javascript but no luck.

document.getElementById('multipcklist').disable=true;

is not working.

I also tried :

document.getElementById("{!$Component.multipcklist}").disable=true;

still no luck.

please provide me any example so that i can implement the same in my vf page.

Answer 1

You can achieve this as like below :

<apex:page controller="testListController">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<apex:form >
    <apex:inputField value="{!acc.CustomerPriority__c}" styleClass="first"/>
   <apex:inputField value="{!acc.testmulti__c}" styleClass="second"/>
</apex:form>
    <script>
$(document).on('change','.first',function(){
  console.log($('.second'));
$('.second').prop('disabled','disabled');
});

</script>
</apex:page>

Answer 2

Try with disabled (with a 'd'), like this :

document.getElementById('{!$Component.multipcklist}').disabled=true;

Answer 3

As per the Question the Picklist values you are referring to should control display of second picklist field(multi-select).

We can achieve this using javascript, JQuery, ActionFunction, ActionSupport.

As part of Maintenance: The Question comes what to use when, for ex: What if the picklist values of the first picklist changes in the future? If we use javascript or Jquery we need to change the code as per the changed values every time using these values in a string array.

What I think as better solution is using Action support Tag to act on changing the values in picklist and a custom settings object with values in picklist1 for which the second picklist field has to get disabled. use this custom settings object in controller to update a boolean variable true or false and use it in second picklist tag to hide.

So, when ever the values in first picklist field changes, you can update the custom settings with those values so that you no need to change the code every time.

If the first picklist field values not gonna change then its always good to go with client side scripting using javascript or JQuery to implement as given above.