Hello,

I want to pass all the values present in a select list with id my_select_list, to a Controller from Javascript.Im using apex:actionFunction as follows:

In my Page Editor:

for (var i = 0; i < document.getElementById('my_select_list').length; i++)
{
                    methodOneInJavascript(document.getElementById('my_select_list').options[i].value);
                  
                  
}


<apex:outputText title="Selected Values" value="Selected Values are: {!selectedValues}" id="showstate" />

<apex:actionFunction name="methodOneInJavascript" rerender="showstate" >
            <apex:param name="firstParam" assignTo="{!selectedValues}" value="" />
 </apex:actionFunction>

In my controller:

Integer ctr = 0;
String[] selectedValues = new String[1000];


 public String[] getSelectedValues() 
 {
        return selectedValues;
 }
 
public void setselectedValues(String str) 
{
       
       selectedValues[ctr] = str;
       ctr+=1;      
}

But,irrespective of how many items were in the select list, the value of ctr always stays 0.Also,outputText always shows the last value passed to the Controller.

Am i going wrong somewhere ?

Is there a way to pass the entire select list to the Controller from Javascript in one shot using apex:actionFunction , and the store the select list options in a List object ?

Some sample code would be really appreciated.

Thank You.