Posting Multiple Listbox Items?

[sosamv]

Hi Guys! I have 2 list boxes and the two of them can pass item(s) to each other by highlighting the item(s) and clicking on the -> or <- button, i want to Post the second listbox information to store it on a DB, heres the code:

<table border="0">
    <tr>
        <td>
            <select class="manuals" name="sel1" id="mylist" size="13" multiple="multiple">
            <?php 
                $database->getAllTreeNodes(); //Populates the Options List
            ?>
            </select>
        </td>
        <td align="center" valign="middle">
            <input class="botones" type="button" value="--&gt;"
             onclick="moveOptions(this.form.sel1, this.form.sel2);" /><br />
            <input class="botones" type="button" value="&lt;--"
             onclick="moveOptions(this.form.sel2, this.form.sel1);sortlist();" />
        </td>
        <td>
            <select class="manuals" name="sel2" size="13" multiple="multiple"> //This is the one i want to GET with $_POST but if i change the name to "sel2[]" the javascript wont work :S
            </select>
        </td>
    </tr>
</table>
 

how can i post the "sel2" list array?
Thanx For you time =)

[Atli]

Hi.

If you are new to this sort of thing, check out this article.

In your case, you could simply put the entire thing inside <form> tags with the 'method' property set to the .php file you want processing the data, and the 'method' property set to "POST".

Then, in your .php file, simply do something like:

echo "<pre><b>My Variables</b>:\n";
print_r($_POST['sel2']);
echo "</pre>";
 

[sosamv]

Thanx! I already did that and im able to get 1 value out of the array, how can i get the others?? with a foreach?

[Atli]

Ahh I see the problem now.

In order to get multiple values from a <select> box it needs to have a [] at the end of the name.

Consider changing your code, so the Javascript uses the id of the <select> box rather than it's name. Then you are free to change the name so your PHP code can read all the values.

You would have to change:

<select class="manuals" name="sel2" size="13" multiple="multiple">
 

To:

<select class="manuals" name="sel2[]" id="sel2" size="13" multiple="multiple">
 

And the Javascript in the onClick events: (Both of them, but remember to keep the forms in their original order)

// Change this
moveOptions(this.form.sel1, this.form.sel2);
 
// Into this:
moveOptions(this.form.sel1, document.getElementByID('sel2'));
 

I think that should do it.

[sosamv]

Ahh I see the problem now.

In order to get multiple values from a <select> box it needs to have a [] at the end of the name.

Consider changing your code, so the Javascript uses the id of the <select> box rather than it's name. Then you are free to change the name so your PHP code can read all the values.

You would have to change:

<select class="manuals" name="sel2" size="13" multiple="multiple">
 

To:

<select class="manuals" name="sel2[]" id="sel2" size="13" multiple="multiple">
 

And the Javascript in the onClick events: (Both of them, but remember to keep the forms in their original order)

// Change this
moveOptions(this.form.sel1, this.form.sel2);
 
// Into this:
moveOptions(this.form.sel1, document.getElementByID('sel2'));
 

I think that should do it.

Its is working now!!!, Thank u very much Atli!
=)

[Atli]

Its is working now!!!, Thank u very much Atli!
=)

Glad I could help :)

[loknath11]

Please put full your code into fourm. Thank you.

[Atli]

@loknath11
Hey loknath.
Welcome to Bytes!

This thread was started, and the problem solved, almost three years ago. And there was never any need to post the full code here.

If you have a question, or need help with a problem, please post it into a new thread. But if you are just looking for code to copy into your project, you are in the wrong place.

- Atli
Moderator