Processing Multiple Select Lists

[dinkle]

Hi Y'all,

I am pretty new to js and am hitting a few snags. I need to process a multiple select list and pass it onto a PHP script.

I can only get the first value in the JS and have no idea how to grab the rest and successfully pass the array onto my php script.

No books, foums, examples, tutorials or anything I have spent most of my recent waking hours reading and downtime dreaming about appear to cover this and I am starting to think that either nobody knows how to do this.

Ultimately I would like to make it a generic function so that it can be reused, there seem to be lots of people seeking a solution to this.

This is where I am at with it:

Example Form:

<select name="countryarray[]" multiple="multiple">
<option value="AF">Afghanistan</option>
<option value="AL">Albania</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
.....</select>

JS Function:

    function getformvalues (fobj, valfunc){
 
 
 
        var str = "";
 
        aok = true;
 
        var val;
 
 
 
        //Run through a list of all objects contained within the form.
 
        for(var i = 0; i < fobj.elements.length; i++){
 
            if(valfunc) {
 
                if (aok == true){
 
                    val = valfunc (fobj.elements[i].value,fobj.elements[i].name); 
 
                    if (val == false){
 
                        aok = false;
 
                    }
 
                }
 
            }
 
                    if (fobj.elements[i].type == "checkbox") {
                           if (fobj.elements[i].checked) {
                              str += fobj.elements[i].name + "=" + escape(fobj.elements[i].value) + "&";
                           } else {
                              str += fobj.elements[i].name + "=&";
                           } 
 
            } else if (fobj.elements[i].tagName == "SELECT") {
                        var sel = fobj.elements[i];
                if (fobj.elements[i].id == "countryarray") {
                var numopts = document.forms[0].elements['countryarray[]'].length
 
                    for(var q=0;q<=numopts;q++){
                            // WHAT NOW?    
                    }
                } else {
                        str += sel.name + "=" + sel.options[sel.selectedIndex].value + "&";
                }
 
                    } else {
 
                str += fobj.elements[i].name + "=" + escape(fobj.elements[i].value) + "&";
            }
 
        }
 
        //Then return the string values.
 
        return str;
 
    }
 
 

Thanks for any assistance / pointers

Bernard

[acoder]

Welcome to TSDN.

You don't need to go through all that effort.

See this page.

[dinkle]

Thanks for the reply.

I think that you mis understood what I mean. My PHP coding is ok and I know how to receive and process the array.

The app I am working on uses ajax for form posting and page loading. So I need a js handler to pre process the multiple select before it is passed on to PHP.

I know it is more work to achieve the same end, but I need to do it this way as the app works like it :(

Thanks