function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Sami Ullah AzamSami Ullah Azam 

Set the Picklist value to --None-- Every time onChange of above picklist using Javascript in Visualforce Page

I am haing two picklists and show thier values using javascript. When I select first picklist1 value the below picklist2 values got populated. This works fine whenever I changed picklist1 value to something else that cause the picklist2 value to --None-- (Unique Values shown for each Picklist1 Value).
I got Internal error whenever I changed picklist1 value that does not cause the picklist2 value to --None--. How can I resolve that error.
How can I set picklist2 Value to --None-- everytime onChange of Picklist1 or is there any other solution.
<!--     VF-->
           <apex:inputField id="filterModel" label="Valve Model" value="{!c.level__c}"  onchange="manageFilters()"/>
                               
     <apex:inputField id="filterValveType" label="Valve Type" value="{!c.level2__c}"  onchange="update(); manageFilters();" >
                         
                         



<!--                JAVASCRIPT    -->

    function manageFilters() {
     
       
       
        var valveModelObj = document.getElementById('VWValveSearch:VWSiteTemplate:frm1:filterModel');
        
var valveModel = valveModelObj.options[valveModelObj.selectedIndex].value;
        
        var valveTypeObj = document.getElementById('VWValveSearch:VWSiteTemplate:frm1:filterValveType');
        var valveType = valveTypeObj.options[valveTypeObj.selectedIndex].value;
       
    
            //manage Valve Types
            var valveTypesAr = new Array();
            valveTypesAr.choose = function(selections) { 
                var arr = new Array();
                for (index = 0; index < selections.length; ++index) {
                    arr.push(this[selections[index]]);
                }
                return arr;
            }
            valveTypesAr.addItem = function(item) { 
                var newValue = new Object();
                newValue.label = item;
                newValue.value = item;
                this.push(newValue);
            }
            

            
            
            valveTypesAr.addItem('--None--');       //0
            valveTypesAr.addItem('20');   //1
            valveTypesAr.addItem('22');   //2
            valveTypesAr.addItem('23');   //3
            valveTypesAr.addItem('28');   //4
            valveTypesAr.addItem('30');   //5
            valveTypesAr.addItem('32');   //6
            valveTypesAr.addItem('40');   //7
            valveTypesAr.addItem('48');   //8
            valveTypesAr.addItem('50');   //9

            
            
            if (valveModel == 'AMA' ) {
           
                  var    vals = valveTypesAr.choose([0,9]);
              setPickVals("#VWValveSearch\\:VWSiteTemplate\\:frm1\\:filterValveType", vals);
    
            }
            
                        if (valveModel == 'AMB' ) {
    
                    var     vals = valveTypesAr.choose([0,6,1,4,5]);
    
              setPickVals("#VWValveSearch\\:VWSiteTemplate\\:frm1\\:filterValveType",vals );
            }
            
               if (valveModel == 'AMC' ) {
                 var vals = valveTypesAr.choose([0,1,2,3,5,6]);
                                  
                setPickVals("#VWValveSearch\\:VWSiteTemplate\\:frm1\\:filterValveType",vals);

            }
                                  
            
                setSelectedPickVal(valveTypeObj, valveType);
                valveType = valveTypeObj.options[valveTypeObj.selectedIndex].value;

}
Please Help How Can I set the Picklist2 value to --None-- and show the remaining values onClick.

The Porblem occurs on the update() which is basically action:Function and pass the selected values to controoler side.