I have two select lists that each display users and two buttons (add and remove) that move users from the left to the right select list and vice versa. The addition and removal of the users in the select lists are done using jQuery 1.4.4. The problem is that after I move at least one user and click on Submit, the $_POST array does not contain either select list. If I reload the page and click on Submit without moving any user, the select lists appear in the $_POST array.
The code I'm using for the add button is:
$("#btnAdd").click(function() {
// check if there are any unassigned users selected
if($("#Unassigned_users").val()) {
// for all selected options ...
$("#Unassigned_users option:selected").each(function(n) {
var newOption = \'<option value="\' + $(this).val() + \'">\' + $(this).text() + \'</option>\';
// check if there are any options in the assigned users
if ($("#Assigned_users option").size()) {
// put the item after the last option
$("#Assigned_users option:last").after(newOption);
}
// the assigned users list is empty
else {
// replace the contents of the select tag with the new option
$("#Assigned_users").html(newOption);
}
// finally, remove the selected item
$(this).remove();
});
}
});
Unassigned_users and Assigned_users are the select elements identifiers.