[theighost]

hi,

i would like to make two multiple dropdown lists one beside the other, and between them are two buttons.

the first dropdown will contain a information from a database,

the second dropdown will be empty and i will be able to add/remove , to/from this dropdown using the buttons.

for example, i will name the first dropdown (care models) which will contain all car models in the world.

I will name the second dropdown (my favorite cars) which at first will be empty.

using the buttons i will add some cars to fro (car models) to (my favorite cars) and verso.

help please...i need the ajax script as the html is known for me!

[theighost]

I found the javascript myself, its functioning, i will put it so that if someone faces the same problem doesn't take him forever to make it.

THE JAVASCRIPT:

<script type="text/javascript">
function left()
{
    var model=document.getElementById('model');
    var model2=document.getElementById('model2');
    
    while (model != '')
    {
    model.options[model.length]=model2.options[model2.selectedIndex];
    }
}
function right()
{
    var model=document.getElementById('model');
    var model2=document.getElementById('model2');
    
while (model2 != '')
{
    model2.options[model2.length]=model.options[model.selectedIndex];
}
}
</script> 

THE DROPDOWN LIST(BOXES):

HTML Code:

<tr>
<td>all models: </td>
<td></td>
<td>selected models: </td>
</tr>

<tr>
<td>
<select name="model[]" multiple  size="8" id="model">
//here u put all the options from the database or static data. u do all that using <option value="model_id">model</option>
</select>


</td>
<td><div align="center">
<input type="button" value=">>" name="add" onclick="right()"> <br>
<input type="button" value="<<" name="remove" onclick="left()">
</div>
</td>

<td>
<div align="right">
<select name="model2[]" multiple size="8" id="model2">
//here u put the selected models only.
</select>
</td>
</tr>